No scroll bar in Firefox

[clowdr-app]

No scroll bar in Firefox

[crista]

yoo-hoo!

[EdNutting]

This also occurs in MS Edge (44.19041.423.0).

The incorrect line is:

clowdr-web-app/src/App.css

Line 496 in c81b6b8

overflow-y: auto;

This is caused by weird interactions between display: flex in column-reverse mode and overflow-y: auto.

The easiest cross-browser fixes are either to use overflow-y: visible, or don't use flex and simply order the messages in the HTML in reverse (rather than relying on flex to do it).

[EdNutting]

Related issues (covers both Edge and FF):
https://bugzilla.mozilla.org/show_bug.cgi?id=1042151
philipwalton/flexbugs#108

[EdNutting]

According to that first Mozilla bug, the fix for this has landed in FF81 in literally the last 19 days and will reach users from 2020-09-22 (see Release schedule). My recommendation therefore is not to adjust the existing code and wait to see if the patch to FF resolves this for us.

[EdNutting]

Just installed the FF81 beta 81.0b2 (64-bit) and can confirm it has fixed the issue, so definitely best to just wait. Also validated the fix against ICFP.

[EdNutting]

Closing as the new UI has been developed after this issue was opened and this issue relates only to the old UI.