@@ -1069,7 +1069,7 @@ class BitmapCanvas extends EngineCanvas {
1069
1069
_canvasPool.endOfPaint ();
1070
1070
_elementCache? .commitFrame ();
1071
1071
// Wrap all elements in translate3d (workaround for webkit paint order bug).
1072
- if (_contains3dTransform && browserEngine == BrowserEngine .webkit) {
1072
+ /* if (_contains3dTransform && browserEngine == BrowserEngine.webkit) {
1073
1073
for (final DomElement element in rootElement.children) {
1074
1074
final DomHTMLDivElement paintOrderElement = createDomHTMLDivElement()
1075
1075
..style.transform = 'translate3d(0,0,0)';
@@ -1086,6 +1086,21 @@ class BitmapCanvas extends EngineCanvas {
1086
1086
maybeCanvas.style.zIndex = '-1';
1087
1087
}
1088
1088
}
1089
+ }*/
1090
+ if (_contains3dTransform && browserEngine == BrowserEngine .webkit) {
1091
+ for (final html.Element element in (rootElement as html.Element ).children) {
1092
+ final html.DivElement paintOrderElement = html.DivElement ()
1093
+ ..style.transform = 'translate3d(0,0,0)' ;
1094
+ paintOrderElement.append (element);
1095
+ rootElement.append (paintOrderElement as DomElement );
1096
+ _children.add (paintOrderElement);
1097
+ }
1098
+ }
1099
+ final html.Node ? firstChild = (rootElement as html.Element ).firstChild;
1100
+ if (firstChild != null && firstChild is html.HtmlElement &&
1101
+ firstChild.tagName.toLowerCase () ==
1102
+ 'canvas' ) {
1103
+ firstChild.style.zIndex = '-1' ;
1089
1104
}
1090
1105
}
1091
1106
0 commit comments