Fix unintentionally scrolling sidebar

[timrspratt]

When using certain field components that have <template> tags in for modals and alpine collapse functionality, the sidebar can end up scrolling incorrectly over the sticky header.

The header is sticky with a z-20, so this PR adds the same to the sidebar.

Top header wrapper:

Sidebar wrapper before:

Sidebar wrapper after:

Video showing issue:

Screen.Recording.2024-04-23.at.12.24.21.mov

I have checked scenarios for mobile menu, top navigation, collapse navigation and all appear to be correct.

[zepfietje]

Thanks for the PR, @timrspratt!

I think position fixed should be used instead, since the sticky position in this case would never act as relative since it's always at the top 0 already, right?

Also, could you please check if the collapsible sidebar animation on desktop still works as expected? Please post a screen recording of that here.

[timrspratt]

I'll have a play with fixed properly when I can. A quick try just now and it looks like w-full would also be needed.

[zepfietje]

Are you able to pick this up again, @timrspratt?

[zepfietje]

I'm going to close this PR, since there hasn't been any activity and requires some more testing before it can be merged.

Feel free to open a new PR when you've had a chance to look at my change request, @timrspratt. 🙂