Merge pull request #529 from ckeditor/i/1053

Fix: Use relative positioning for dropdowns to prevent ugly blurring in Chrome. Closes ckeditor/ckeditor5#1053.
ckeditor · Nov 6, 2019 · 95404e3 · 95404e3
2 parents af07aa1 + f1cf390
commit 95404e3
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/theme/components/dropdown/dropdown.css b/theme/components/dropdown/dropdown.css
@@ -37,9 +37,6 @@
 
 		&.ck-dropdown__panel-visible {
 			display: inline-block;
-
-			/* This will prevent blurry icons in dropdown on Firefox. See #340. */
-			will-change: transform;
 		}
 
 		&.ck-dropdown__panel_ne,
@@ -49,7 +46,12 @@
 
 		&.ck-dropdown__panel_se,
 		&.ck-dropdown__panel_sw {
-			transform: translate3d( 0, 100%, 0 );
+			/*
+			 * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
+			 * See https://github.com/ckeditor/ckeditor5/issues/1053.
+			 */
+			top: 100%;
+			bottom: auto;
 		}
 
 		&.ck-dropdown__panel_ne,