It appears Chrome prefers squishing flex children over scrolling under some specific conditions, involving the children having overflow hidden. This can cause current styling of DMs to squish messages when there are more than fit on a screen.
This PR updates the DM rendering implementation to use the same layout as chat is:
A root bounding element with relative position - used for correctly positioning the / commands help overlay
A Scrollable element that adds the scrollbar if the content gets bigger than it
A single containing flex (in this case Column) for all the messages. It is important that this element is different than the one adding scrollbar to avoid the bug - it must be nested inside the scrollable element.
fixes #682
It appears Chrome prefers squishing flex children over scrolling under some specific conditions, involving the children having overflow hidden. This can cause current styling of DMs to squish messages when there are more than fit on a screen.
This PR updates the DM rendering implementation to use the same layout as chat is:
relativeposition - used for correctly positioning the/commands help overlayScrollableelement that adds the scrollbar if the content gets bigger than itColumn) for all the messages. It is important that this element is different than the one adding scrollbar to avoid the bug - it must be nested inside the scrollable element.