Selaa lähdekoodia

Merge pull request #529 from ckeditor/i/1053

Fix: Use relative positioning for dropdowns to prevent ugly blurring in Chrome. Closes ckeditor/ckeditor5#1053.
Piotrek Koszuliński 6 vuotta sitten
vanhempi
sitoutus
0765b335b9
1 muutettua tiedostoa jossa 6 lisäystä ja 4 poistoa
  1. 6 4
      packages/ckeditor5-ui/theme/components/dropdown/dropdown.css

+ 6 - 4
packages/ckeditor5-ui/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,