opensource/driver.js
3
0
Fork 0
mirror of https://github.com/kamranahmedse/driver.js.git synced 2026-11-02 22:17:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix - Stacking context gets disturbed

Browse Source
This commit is contained in:
Kamran Ahmed
2018-03-30 18:14:28 +02:00
parent 287261e772
commit 8dc4a39a03
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/element.js
+4
View File
@@ -247,6 +247,8 @@ export default class Element {
const zIndex = getStyleProperty(parentNode, 'z-index');
const opacity = parseFloat(getStyleProperty(parentNode, 'opacity'));
const transform = getStyleProperty(parentNode, 'transform', true);
const transformStyle = getStyleProperty(parentNode, 'transform-style', true);
const transformBox = getStyleProperty(parentNode, 'transform-box', true);
const filter = getStyleProperty(parentNode, 'filter', true);
const perspective = getStyleProperty(parentNode, 'perspective', true);
@@ -258,6 +260,8 @@ export default class Element {
/[0-9]+/.test(zIndex) ||
opacity < 1 ||
(transform && transform !== 'none') ||
(transformStyle && transformStyle !== 'flat') ||
(transformBox && transformBox !== 'border-box') ||
(filter && filter !== 'none') ||
(perspective && perspective !== 'none')
) {
src/driver.scss
+9 -3
View File
@@ -182,22 +182,28 @@ div#driver-highlighted-element-stage {
.driver-fix-stacking {
z-index: auto !important;
opacity: 1.0 !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-filter: none !important;
-moz-filter: none !important;
-ms-filter: none !important;
-o-filter: none !important;
filter: none !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
transform-style: flat !important;
-webkit-transform-box: border-box !important;
-moz-transform-box: border-box !important;
-ms-transform-box: border-box !important;
-o-transform-box: border-box !important;
transform-box: border-box !important;
}