Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

Flash of the unstyled background for each color paper-item #32

Open
1 of 8 tasks
KeithHenry opened this issue Nov 24, 2017 · 0 comments
Open
1 of 8 tasks

Flash of the unstyled background for each color paper-item #32

KeithHenry opened this issue Nov 24, 2017 · 0 comments

Comments

@KeithHenry
Copy link

Description

When the colour swatches drop down is opened there is a flash of the background colour.

Expected outcome

The panel should expand without the apparent jank.

Actual outcome

A flash (around 1/5s) of the background colour of the .color menu items appears before being overlaid by the absolutely positioned .color:after.

Live Demo

The issue is observable on the main demo https://www.webcomponents.org/element/PolymerElements/paper-swatch-picker/demo/demo/index.html

Here is a mid transition screenshot from that demo:

flash-of-background

Browsers Affected

Observed in Chrome, not tested yet in all browsers

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10
KeithHenry added a commit to KeithHenry/paper-swatch-picker that referenced this issue Nov 24, 2017
This is a fix for PolymerElements#32 - by having the background-color set we avoid a flash of the background as the drop down opens.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant