Main page interface flickering

Question

Main page interface flickering

mtrebitsch opened this issue 2 years ago · comments

When loading the page with my window on full screen, I get the intro page flickering as shown in this screengrab:

cosmoracle.mp4

I guess it's due to the auto-scrollbar popping in and out of existence because of some relative size in the CSS, but I haven't looked it up in details in the code.
If relevant, my setup is a Firefox 95.0.1 with no menu bar on an Ubuntu 20.04.3, with a screen resolution 1920x1080. Adding a menu bar back, or a bookmark toolbar removes the issue, and so does rescaling the page (90% does the trick).

Not a big deal, but worth mentioning :-)

Niko Sarcevic · Answer 1 · Fri Dec 31 2021 05:47:25 GMT+0800 (China Standard Time)

oh yes - we are aware of that. the jittering is present in general and can be mitigated by changing the browser window size. we will report the bug to the streamlit team (and you can do that as well)

Thanks SO much for taking the time to report and suggest - we are beyond grateful.

Matthijs van der Wild · Answer 2 · Sun Jan 02 2022 00:45:34 GMT+0800 (China Standard Time)

Here is a workaround from streamlit discuss that may be worth to keep in mind.

Although I definitely remember this being an issue, I can't currently reproduce it on Gentoo (Firefox 95.0.1, Chromium 96.0.4664.110), Ubuntu 20.04.02 (Firefox 95.0) and LineageOS 18.1 (Firefox 95.2.0). @nikosarcevic @marcobonici can you maybe reproduce the flickering?

Marco Bonici · Answer 3 · Sun Jan 02 2022 01:49:03 GMT+0800 (China Standard Time)

Using Ubuntu 21.10 and Chrome, I do not see the flickering.

Niko Sarcevic · Answer 4 · Sun Jan 02 2022 01:50:06 GMT+0800 (China Standard Time)

can you try Robert'S app?

https://share.streamlit.io/rdzudzar/distributionanalyser/main/main.py

Matthijs van der Wild · Answer 5 · Sun Jan 02 2022 03:45:06 GMT+0800 (China Standard Time)

I can't reproduce it in Robert's app either. I'm going through the commit history to see if I can find a version where it's there, but no luck so far. @mtrebitsch is the flickering still there on your side?

Maxime Trebitsch · Answer 6 · Sun Jan 02 2022 08:52:41 GMT+0800 (China Standard Time)

I still see the flickering, but I think it's also because I'm using a Gnome extension called "Pixel saver" that removes the title bar, so the total height of the window is a bit different than in vanilla Ubuntu+Firefox.

Matthijs van der Wild · Answer 7 · Sun Jan 02 2022 22:55:48 GMT+0800 (China Standard Time)

I can reproduce it if I remove my bookmarks toolbar. It's weird that the flickering only appears to be there when the Introduction or Definitions buttons are selected; it's absent for the Cosmological Distances. I'll try to allocate some time today to work on it.

Marco Bonici · Answer 8 · Mon Jan 03 2022 00:27:35 GMT+0800 (China Standard Time)

Probably we should point this to the official Streamlit developers. What do you think @lonbar @nikosarcevic ?

Niko Sarcevic · Answer 9 · Mon Jan 03 2022 00:31:20 GMT+0800 (China Standard Time)

Absolutely. I think this was mentioned by other people but we can add to the issue

Matthijs van der Wild · Answer 10 · Sat Jan 08 2022 00:10:17 GMT+0800 (China Standard Time)

It seems that this issue has resolved itself for now, so I'm closing it. Thanks for reporting and verifying this @mtrebitsch!