Timeline bug on mobile (video attached)

Contribute Bug

AI-generated summary

Timeline bug on mobile: A user, sok777, reported a bug on mobile where the floating timeline doesn’t fully disappear after selecting a post, requiring an additional click to reappear correctly. They suspected an event propagation issue. Moin found a similar issue reported 4 months ago (link). sok777 confirmed it’s a propagation issue and identified a simple fix, where clicking anywhere after the ‘show’ class is removed triggers the JavaScript to bring back the timeline.

1

I’ve noticed on Meta and other Discourse instances that when using the timeline on mobile (specifically the floating timeline), after selecting a post to navigate to, the full-screen view (.timeline-fullscreen) removes the ‘show’ class as expected, however, the timeline still slightly visible at the bottom of the screen.

You must click it again for the floating timeline to fully reappear correctly.

This behavior feels like it might be related to an event propagation issue or something similar. Has anyone else experienced this or is there a known workaround?

TIA

1 Like
2

I think it was reported before in

4 Likes
3

I knew there will be something- of course I searched for “timeline” for 15 minutes and nothing came up. haha.

It can be merged though I am alarmed it wasn’t picked up for 4 months now!

1 Like
4

Definitely a propagation issue. I tested it as follows:

clicking anywhere after the class ‘show’ is being removed triggers the js that brings back the timeline and removes the .timeline-fullscreen div. So should be a simple fix tbh.

5

Duplicate of Topic header persists at the bottom of the screen after using mobile navigator, solution is over there!