Extension StickyFeed

[Grishkaone]

Hello !

I've found a little bug in the Sticky Feeds extension. When using a web browser to access my FreshRSS installation, I can use Safari or Firefox :

Safari / extension off

In this configuration, the left bar (feeds tree) scrolls out of sight with the content.

Safari.-.extension.OFF.mov

Safari / extension on

Here, the menu stay in place. I can scroll inside, or in the content on the right, independently.

Safari.-.extension.ON.mov

Firefox / extension off

The menu stay in place, I can scroll both part independently.

Firefox.-.extension.OFF.mov

Firefox / extension on

This is quite funny actually : when I scroll down on the content side, the feeds menu goes down out of screen entirely. 😂

Firefox.-.extension.ON.mov

So the 1) the behavior is not consistant between browser and extension status and 2) Firefox is going nuts when it's active.
Any idea ?

🖖

[Frenzie]

Pinging @marienfressinaud

[marienfressinaud]

The StickyFeed is no longer necessary since it's natively supported by FRSS now (this is why it works on Firefox with the extension disabled). I suspect a bug in Safari, maybe this one? https://stackoverflow.com/questions/51792783/safari-positionsticky-not-working-in-an-overflowauto-element

I don't have Safari on my computer so I can't confirm.

[math-GH]

I can confirm, that in Safari the side navigation does not stick at the top as the Firefox does.

[Frenzie]

You mean at all or with this extension enabled? Because if the latter, well, let's just remove it (probably leaving a deprecated & removed README in there for a while).

[math-GH]

I tested Safari without this extension.

Summary:
Without extension:
Firefox: Sidebar fixed while scrolling
Safari: Sidebar does not fix while scrolling

[marienfressinaud]

@math-GH Could you try to add position: -webkit-sticky;? (https://github.com/FreshRSS/FreshRSS/blob/edge/p/themes/base-theme/template.css#L246-L251)

[Grishkaone]

The -webkit- prefix is normaly not used by Safari 15. I tried with <nav>, the full .aside and .aside.aside_feed elements, even with the .treewithout any success. I also tried without the -webkit- prefix, same result. 😕

[math-GH]

Sorry, I have not seen the response. I do not have any Mac devices anymore to test it