MarkBind / markbind

MarkBind is a tool for generating content-heavy websites from source files in Markdown format
https://markbind.org/
MIT License
135 stars 124 forks source link

SiteNav dropdown buttons shift when scrollbar appears/disappears #2217

Closed itsyme closed 6 months ago

itsyme commented 1 year ago

Please confirm that you have searched existing issues in the repo

Yes, I have searched the existing issues

Any related issues?

No response

Tell us about your environment

MacOS

MarkBind version

4.1.0

Describe the bug and the steps to reproduce it

Collapse all dropdowns in SiteNav. Expand dropdowns till scrollbar appears and notice the position of the dropdown buttons.

Expected behavior

Dropdown buttons should remain in place even when the scrollbar toggles.

Anything else?

No response

ang-zeyu commented 1 year ago

Was this fixed? The caret is a little off center when the dropdown is collapsed but I can't seem to notice anything on markbind.org or the latest commit related to the scrollbar particularly.

itsyme commented 1 year ago

Was this fixed? The caret is a little off center when the dropdown is collapsed but I can't seem to notice anything on markbind.org or the latest commit related to the scrollbar particularly.

Hi @ang-zeyu! It hasn't been fixed yet unfortunately, I will get down to doing it when I have more time!

ang-zeyu commented 1 year ago

Oh.. i see it now..

https://github.com/MarkBind/markbind/pull/2204#issuecomment-1469043606

ang-zeyu commented 1 year ago

You can consider overflow-y: overlay for this. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y

ang-zeyu commented 1 year ago

Separate issue but the caret seems a little off center vertically when in this orientation, we can try fixing that at the same time:

image