sylque / discpage

A Discourse plugin to create static pages and attach discussions to headings
MIT License
30 stars 5 forks source link

Topic page sometimes flickers on tablets #37

Open sylque opened 1 year ago

sylque commented 1 year ago

The issue is described here: https://forum.tabletpc.review/t/flickering-pages-new-rendering-issue

There's a video here: https://www.youtube.com/shorts/e2tmPtBdy78

Not to self: it happens on a "non DiscPage" page.

sylque commented 12 months ago

New video of the issue: https://github.com/sylque/discpage/assets/42490951/d89482ca-5f39-4a3a-a78a-9f6256753be3

sylque commented 12 months ago

What is strange in the above video is that, from the very beginning (before the flicker problem occurs), the progress bar is not at its usual place:

vlcsnap-2023-10-23-16h12m41s910

Instead it should be either:

1. Low resolution devices (phones)

The progress bar is on top of the content (not on the right side) and the content occupies the full width of the screen: image

1. High resolution devices (tablets)

The progress bar is replaced by a timeline: image

So, in the video, it seems that the layout (CSS) is "high res" while the the renderTimeline (see here) property corresponds to "low res".

sylque commented 12 months ago

I've tried to reproduce this issue on several Android+Chrome and Apple+Safari platforms, without any success.

Tests performed by the tabletpc community (see the link at the top of this topic) seem to show that the issue occurs randomly.