Globe icon at sidebar behaves badly

AI-generated summary

The globe icon in the sidebar, which indicates global custom sections visible to everyone, moves when scrolling. Jagster reported this issue on Safari and iPad, and provided a video demonstration. md-misko and Arkshine were able to reproduce the issue, even in safe mode and without the footnote plugin. Arkshine suggested a CSS solution, adding .sidebar-section-wrapper .sidebar-section-header-wrapper { position: relative; }, which worked for Jagster. The issue was later fixed with a PR (#8).

The globe icon of the sidebar, that shows global custom section visible for everyone, moves when scrolling sidebar. If the footnote plugin is disabled the icon stays where it belongs.

No, I didn’t check if there is some errors in console or if inline-setting of footnote play any roll.

Safari and the Hub on iPad, same thing.

And no, this is not critical or even major one. Propably just another CSS-conflict. Or something. I don’t know :grin:

2 Likes

I’m experiencing the same issue, even in safe mode and without the footnote plugin installed.

1 Like

I tried again, and this time I couldn’t fix it with disabling footnote :thinking:

I can reproduce it as well.

Can you try adding this CSS to your theme or component?

.sidebar-section-wrapper .sidebar-section-header-wrapper {
    position: relative;
}
2 Likes

Nice!

(aka. it worked perfectly)

2 Likes

Thank you for reporting it and suggesting CSS solution. It was fixed with this PR :slight_smile:

https://github.com/discourse/discourse/pull/20851

9 Likes

This topic was automatically closed after 25 hours. New replies are no longer allowed.