iOS / Horizontal scrollbar does not print when overflow-x

[musapinar]

On the iPhone, the horizontal scrollbar does not print when an overflow occurs on the x axis.
Why it matters : A non tech-savvy visitor cannot tell when there is more content available to browse/scroll. One does not intuitively swipe left/right when there is no scrollbar shown to reach more content.
Example here : https://play.tailwindcss.com/OYFqCdJR6f

iOS 18.6.2
tested on both Safari and Chrome

[RobinMalfait]

Hey! This doesn't look like a Tailwind CSS bug, scrollbars on macOS and iOS have always been hidden by default unless you start scrolling. On macOS you can disable this behavior if you want.

If you want to let the user know that you can scroll, it's up to you to make that clear to the user. You can also force style some of the webkit scrollbars if you want: https://play.tailwindcss.com/ILghUK8bts

- <div class="overflow-x-scroll">
+ <div class="overflow-x-scroll [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-gray-100">