mdn / bob

Builder of Bits aka The MDN Web Docs interactive examples, example builder
MIT License
76 stars 49 forks source link

Horizontal scrollbar obscures content #1249

Open patiboh opened 1 year ago

patiboh commented 1 year ago

When a horizontal overlay scrollbar appears in interactive examples in MacOS desktop, the scrollbar partially obscures content if the cursor is hovering the content, and it totally obscures the content if the cursor is hovering the scrollbar itself.

Firefox

Screenshot 2023-04-23 at 11 27 42 Screenshot 2023-04-23 at 11 36 54

Chrome

Screenshot 2023-04-23 at 11 33 56

Safari Screenshot 2023-04-23 at 11 35 03

caugner commented 11 months ago

Thank you for reporting this issue @patiboh, and sorry for taking so long to get back to you.

I cannot reproduce the issue on this page. Could you please verify if you're still experiencing it yourself? 🙏

patiboh commented 11 months ago

Hi @caugner thank you for looking into this. Yes the problem still occurs in my environment on the link you provide.

From what I understood in this comment, the problem lies with how macOS generates scrollbars. I managed to work around it via user settings as I described here I'm uncertain if I should close the issue, but feel free to do so if you feel that's the best course of action