[BUGFIX] Force hardware acceleration on scrollable elements 83/39183/3
authorBenjamin Kott <benjamin.kott@outlook.com>
Sat, 2 May 2015 09:57:24 +0000 (11:57 +0200)
committerAndreas Fernandez <typo3@scripting-base.de>
Sat, 2 May 2015 13:27:23 +0000 (15:27 +0200)
Chrome has problems with repaints on HDPI
devices, this results in empty views after a repaint
that can only brought back by resizing the browser.

To prevent this issue we are forcing hardware
acceleration on scrollable elements.

Releases: master
Resolves: #66742
Change-Id: I4bb11842555e0882956c27425c79ef263f9f0962
Reviewed-on: http://review.typo3.org/39183
Reviewed-by: Mathias Schreiber <mathias.schreiber@wmdb.de>
Tested-by: Mathias Schreiber <mathias.schreiber@wmdb.de>
Reviewed-by: Andreas Fernandez <typo3@scripting-base.de>
Tested-by: Andreas Fernandez <typo3@scripting-base.de>
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_various_fixes.less [new file with mode: 0644]
typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index 2dcfb27..35774a2 100644 (file)
@@ -190,19 +190,6 @@ a.typo3-csh-link {
 
 
 //
-// TYPO3 backend scaffolding
-//
-iframe {
-       width: 100%;
-}
-#typo3-side-menu,
-iframe {
-       height: 100%;
-       overflow: auto;
-}
-
-
-//
 // Print
 //
 @media print {
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_various_fixes.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_various_fixes.less
new file mode 100644 (file)
index 0000000..f6a8549
--- /dev/null
@@ -0,0 +1,17 @@
+//
+// Chrome repaint fix
+// http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/
+//
+[id=typo3-side-menu],
+[id=typo3-docbody],
+[id=typo3-navigationContainer] .x-panel-body,
+[id=typo3-pagetree-tree] .x-panel-body,
+[id=typo3-module-menu] .x-panel-body,
+[id=typo3-pagetree-filteringTree] .x-panel-body,
+[id=typo3-debug-console] .messages,
+iframe,
+.x-viewport,
+.x-viewport body,
+.table-fit {
+       .translate3d(0; 0; 0);
+}
\ No newline at end of file
index a6ac1d8..af9ecd8 100644 (file)
 
 @import "TYPO3/_main_type.less";
 
+@import "TYPO3/_various_fixes.less";
 @import "TYPO3/_element_animation.less";
 @import "TYPO3/_element_clipboard.less";
 @import "TYPO3/_element_cropper.less";
index 0815e75..75bd2db 100644 (file)
@@ -8284,14 +8284,6 @@ a.typo3-csh-link:hover span.typo3-csh-inline {
 .t3-help-link:hover span.t3-help-inline {
   display: block;
 }
-iframe {
-  width: 100%;
-}
-#typo3-side-menu,
-iframe {
-  height: 100%;
-  overflow: auto;
-}
 @media print {
   div#typo3-docbody {
     overflow: visible;
@@ -8331,6 +8323,20 @@ a img {
     margin-left: 135px;
   }
 }
+[id=typo3-side-menu],
+[id=typo3-docbody],
+[id=typo3-navigationContainer] .x-panel-body,
+[id=typo3-pagetree-tree] .x-panel-body,
+[id=typo3-module-menu] .x-panel-body,
+[id=typo3-pagetree-filteringTree] .x-panel-body,
+[id=typo3-debug-console] .messages,
+iframe,
+.x-viewport,
+.x-viewport body,
+.table-fit {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
 .collapse-horizontal {
   height: auto;
   width: 0;