Wt

I have the following page layout:

+---------------------+
|       top row       |
+---------------------+
| menu | page content |
+---------------------+
|     bottom  row     |
+---------------------+

With the following hierarchy:

root
  WContainerWidget ('framework')
    WHBoxLayout ('top row', with a few text widgets)
    WHBoxLayout ('middle row')
      WContainerWidget ('btns')
        WVBoxLayout (with some WPushButton widgets)
      WStackedWidget ('page content')
        4 x WContainerWidgets, each with some widgets
    WHBoxLayout ('bottom row' with a text widget)

Height is set via CSS to 100% on the html and body elements, and on the framework container. Stretch is set on the middle row layout to give the stackwidget the available space. Height is also set to 100% on the containers that are added to the stackedwidget, so that they fill all 'page content' space.

Now, the following is the problem:

One of the container widgets that was added to the stacked widget contains a text that is too long to fit in the available space. Via CSS I set the "overflow: auto" on the 'page content' widget to enable vertical scrolling. In Chrome v60 and IE v11 this works as expected. However, Firefox (v55) displays a scrollbar for the full page and not for the area of the stacked widget.

A search on internet showed that 'Flex items establish a default minimum size that's based on their children's intrinsic size (which doesn't consider "overflow" properties on their children/descendants)':

https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox

A (or the?) solution is to explicitly set min-height:0 on the middle row HBoxLayout. Wt however generates a

with random id for the 'middle row' HBoxLayout box, it seems not possible to set the min-height property on it, also not via C.

Propbably Wt should set the min-height property automatically, or it should provide access to these properties via C or CSS. Or is there something else I can do to make the layout work?