search

observablehq / feedback

Customer submitted bugs and feature requests
42 stars 3 forks source link

Unstyled CSS page flickering when debugging notebooks #634

Closed tomlarkworthy closed 2 weeks ago

tomlarkworthy commented 1 month ago

Describe the bug CSS goes into a weird flashing loop with the debugger open on fresh notebook

To Reproduce Steps to reproduce the behavior:

  1. (go to any notebook)
  2. Open webdev debugger
  3. See the page start doing flashes of unstyled text and making network requests in a loop

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

https://github.com/observablehq/feedback/assets/1848162/acd9a422-89c2-4792-8585-be522df44e8f

Desktop (please complete the following information):

Additional context FWIW the CSS file is a google webfont fetched by the worker.css

image

mootari commented 1 month ago

Your recording shows that you have a Chrome update pending which can cause all sorts of odd bugs until Chrome has been restarted.

Can you still reproduce the behavior after restarting Chrome?

tomlarkworthy commented 1 month ago

yeah tried upgrading and disabling all plugins and its still doing it. Not on Safari though 🤔

mootari commented 2 weeks ago

Happy to report that it's not an Observable bug. 😃

I just ran into the same issue and found that I had a local override for static.observableusercontent/next/worker*.css that triggered the font loading loop. Removing the override fixed the problem.