Want a fresh breeze to your dated Vaadin App? Try the new Valo

Flow
21

With the older version a scroll used to appear automatically when content inside panel grows vertically in a dynamic way like in image below

22

Hi Kareem,

Sorry for taking so long to get an answer.

The problem seems like the same which has been covered in a couple of places already, and I believe you have a 100% x 100% root layout in your UI. Previous themes allowed the content from those layouts to overflow the browser window, but Valo has a fix for another issue (unwanted scrollbars in IE due to inline-block rendering) which makes the layouts work “as specified” and don’t allow any overflowing content from the layout to produce scrollbars.

The easiest workaround for this is to add the following to your theme:

.v-ui > .v-widget {
  overflow: visible;
}

Hope this helps!

23

Hi Jouni

I have the same problem here, but your workaround doesn’t work.
I have a 100% x 100% root layout.
I tried different Panel, VerticalLayout and GridLayout, but there is no scrollbar shown and the content just vanish below …
Will this be fixed or do you know another way to solve this issue?

Thanks for your help.
Greetings Bruno

24

This workaround also does not work for me, content is cut off in all vertical layouts.

25

Hi,

I am having the same problem with dynamic scroll. The workaround using CSS simply doesn’t work.

Can anyone help?

Thanks

26

I have found the solution.

Instead using “.v-ui” as Jouni said:

.v-ui > .v-widget { overflow: visible; } I have used “.v-scrollable”:

.v-scrollable > .v-widget {
    overflow: auto !important;
}

I think this information can help others! =)

27

Hi, Sofia. Thank you so much!