jarek-foksa/xel

FOUC on All Interactive Elements

randycasburn opened this issue · 2 comments

Given:

  • Chrome: Version 80.0.3987.16 (Official Build) dev (64-bit)
  • any on-line interactive widget demonstration @ https://xel-toolkit.org/elements
  • any of the three themes

When: interacting with an interactive widget:

  • accordion
  • button
  • tab
  • doctab
  • menu*
  • contextmenu
  • notification
  • select
  • colorselect

Then: At the end of the animation, dismissal, etc., there is an extra flash of the content. The most dramatic example of this is on the custom style dialog.

I'm unable to reproduce this issue on macOS with Chrome 81.0.4031.0 (current Canary version) or Chrome 79.0.3945.130 (current stable version).

  1. What operating system are you using?
  2. Did you enable any experimental Chrome flags?
  3. Can you reproduce this issue with Stable or Canary channel?

2020-01-19 22 55 45

Resolved!

I turned off the Experimental Web Platform chrome://flag and that fixed it.


For future reference here are answers to your questions and what I saw:
NOTE: Not sure why this isn't animating - click on image to see animation
flash

  1. MacOS Catalina v10.152
  2. Yes, Experimental Web Platform & Experimental JavaScript
  3. Chrome stable:
    Google Chrome is up to date
    Version 81.0.4029.3 (Official Build) dev (64-bit)