VerticalLayout scroll bar not visible in Safari

Flow
1

Hi,

how to make scroll bar visible in Safari?

Trying to use this:

verticalLayout.getElement().getStyle().set("overflow", "auto");

It works fine in Firefox but there is no scroll bar in Safari.

Vaadin 10 version

2

Yes, I think they should appear only when you scroll, but not visible by default. It is the Safari default behavior

https://www.nytimes.com/2017/02/02/technology/personaltech/solving-the-case-of-the-disappearing-scroll-bars.html

I think this can be overriden by webkit styles as described here (but I haven’t tried since I am not Mac user)

https://stackoverflow.com/questions/33288071/scroll-bar-not-visible-in-safari-w-overflow-y-scroll

3

It’s completly invisible. It’s invisble during scrolling also.

overflow-y: scroll and -webkit-overflow-scrolling: touch - do not solve the problem.

4

It seems HybridMenu component related problem. Without HybridMenu it works fine.