Giters

crystal-lang / crystal-website

crystal-lang.org website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weird behavior with overflow y scrollbars on examples

GeopJr opened this issue · comments

commented

The y scrollbars are missing on both firefox and chromium by default due to margin-inline-start and calc (guessing) - even though they are supposed to be visible. This looks like a browser bug in both cases:

Firefox - toggling margin-inline-start fixes it:

Screencast.from.2024-03-29.16-43-21.webm

Chromium - opening the inspector seems to fix it:

Screencast.from.2024-03-29.16-46-28.webm

GNOME Web (webkit) - while it might not be 1:1 with Safari, no amount of style toggling makes the scrollbar appear

commented

This looks like a very weird condition for hidden scrollbars. But I can confirm the effect of disabling margin-inline-start on the parent element.

I suppose we can drop it from the style sheet, alongside the padding-inline-start to which it corresponds. They just implement a tiny visual polish for the link outline which reaches a bit outside the parent container.