Overflow issue on Dialog Box

[manonamora]

Describe the bug. Changing the max-height of the Dialog Box breaks the overflow when the text rendered is longer than the screen.

To Reproduce: Steps to reproduce the behavior: 1 - Create a dialog box with a lot of text (I added 10 paragraph of Lorem Ipsum for the example) 2 - add max-height: 75vh; to #ui-dialog 3 - Open the Dialog box

Expected behavior. The dialog box would have a max-height, and the overflow would still work/wrap the body.

Screenshots.

Project details.

• SugarCube Version: [e.g., 2.36.1]
• Compiler & Version: [Tweego 2? also works on Twine 2.6]

Desktop details.

• OS & Version: Windows 10
• Browser & Version : Both latest version of Opera/Firefox

Additional context. It does work if height of #ui-dialog is set to a value instead of max-height, or if max-height is added to the #ui-dialog-body. If the issue is just me not doing CSS right, please mark as closed and disregard (also sorry in advance if that is the case).

[tmedwards]

Very little, aside from theming, should be done to #ui-dialog. Try applying your dimensional styles to #ui-dialog-body.

To add a bit of context. The #ui-dialog-body element is the content container, it's what grows and shrinks with your content. The #ui-dialog element is just along for the ride.

[manonamora]

Good to know~ Thank you!!!