From bbd6abb437d214a20ac757a678c3b47f8a1ab46a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Maciej=20Go=C5=82aszewski?= Date: Tue, 29 Oct 2019 18:30:50 +0100 Subject: [PATCH 1/2] Use top offset to position dropdown south. This will prevent blurry dropdown on Chrome. --- theme/components/dropdown/dropdown.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/theme/components/dropdown/dropdown.css b/theme/components/dropdown/dropdown.css index 32457399..9f7e3c1a 100644 --- 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,10 @@ &.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 ckeditor5#1053. */ + top: 100%; + bottom: auto; } &.ck-dropdown__panel_ne, From f1cf39088fd7fa3eed342349fece0b0d71a8f78b Mon Sep 17 00:00:00 2001 From: Aleksander Nowodzinski Date: Thu, 31 Oct 2019 09:59:07 +0100 Subject: [PATCH 2/2] Docs: Improved docs in the styles. --- theme/components/dropdown/dropdown.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/theme/components/dropdown/dropdown.css b/theme/components/dropdown/dropdown.css index 9f7e3c1a..7304af8e 100644 --- a/theme/components/dropdown/dropdown.css +++ b/theme/components/dropdown/dropdown.css @@ -46,8 +46,10 @@ &.ck-dropdown__panel_se, &.ck-dropdown__panel_sw { - /* Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays. - See ckeditor5#1053. */ + /* + * 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; }