As you may already know, scrollBox component is pretty much useless in Chrome (and I think in Safari too, but I haven’t tested it yet).
Even the Sampler application shows the problem if opened in latest chrome stable.
I know this is inherently a CSS problem, and it’s not an easy one especially in Vaadin, but maybe someone here knows a quick and dirty workaround.
Without some working scrollable container, there are things that are simply impossible to achieve (again, especially in Vaadin where “responsive design” is a joke).
ScrollBox shows scrollbars as expected.
I bet, it is your Mac OS where scrollbars are invisible, because of OS design.
Yes, that’s indeed the case… to be precise, it’s when macOS detects a connected trackpad, so this doesn’t happen on desktop models without magic trackpad connected.
I was using a CSS trick on the past, but I cannot reproduce it on the scrollbox container. Do you know a workaround that can be applied to the HTML generated by the vaadin component?
You can make scrollbars visible system-wide via System Preferences:
Alternatively, you can take a look at
halo/app/app-scrollbar.scss and use that styles as a foundation to make scrollbars always visible.