From 7c891d615d82295b4939a0f8a489f20e800604af Mon Sep 17 00:00:00 2001 From: cchaos Date: Tue, 7 May 2019 14:44:51 -0400 Subject: [PATCH 1/2] Remove `background-color` from transition property list of form control mixin --- src/components/form/_mixins.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/components/form/_mixins.scss b/src/components/form/_mixins.scss index d64597fa2aa..472e4b63062 100644 --- a/src/components/form/_mixins.scss +++ b/src/components/form/_mixins.scss @@ -93,9 +93,16 @@ transition: box-shadow $euiAnimSpeedFast ease-in, - background-color $euiAnimSpeedFast ease-in, background-image $euiAnimSpeedFast ease-in, - background-size $euiAnimSpeedFast ease-in; + background-size $euiAnimSpeedFast ease-in, + background-color $euiAnimSpeedFast ease-in; + + // Fixes bug in Firefox where adding a transition to the background-color + // caused a flash of differently styled dropdown. + @supports (-moz-appearance: none) { // sass-lint:disable-line no-vendor-prefixes + // List *must* be in the same order as the above. + transition-property: box-shadow, background-image, background-size; + } } @mixin euiFormControlFocusStyle($borderOnly: false) { From 0e330890a8a17b14073cf100b1ac9d83758626b6 Mon Sep 17 00:00:00 2001 From: cchaos Date: Tue, 7 May 2019 14:55:26 -0400 Subject: [PATCH 2/2] cl --- CHANGELOG.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 44473e6ebbc..d77b4c1ef67 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,8 @@ ## [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `10.4.0` +**Bug fixes** + +- Fixed Firefox flash of unstyled select dropdown ([#1927](https://github.com/elastic/eui/pull/1927)) ## [`10.4.0`](https://github.com/elastic/eui/tree/v10.4.0)