Rendering issue with scrollbar in absolute positioning

Discussions about the development and maturation of the platform code (UXP).
Warning: may contain highly-technical topics.

Moderators: trava90, athenian200

jez9999
Moon lover
Moon lover
Posts: 85
Joined: 2015-05-30, 19:35
Location: UK

Rendering issue with scrollbar in absolute positioning

Unread post by jez9999 » 2022-11-18, 10:37

Create an absolutely-positioned container element which is a grid with max-height:100%. Have a child element with grid-area: 1/1 and with content that can overflow the container when the viewport gets too short, causing a scrollbar to appear.

Result when content can wrap (content wraps):
https://game-point.net/misc/stickyMaskO ... index6.htm

Result when content can't wrap (horizontal scrollbar is displayed):
https://game-point.net/misc/stickyMaskO ... index7.htm

In both cases, this seems incorrect to me. The browser should calculate the inline content according to the ideal content width, which is the width the content could expand to without taking any soft wrapping opportunities. In the latter case, it's not even expanding the width to fit the minimum content width with the scrollbar despite having plenty of room to do so.

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 33034
Joined: 2011-08-28, 17:27
Location: Tranås, SE
Contact:

Re: Rendering issue with scrollbar in absolute positioning

Unread post by Moonchild » 2022-11-18, 10:54

This is likely related to Issue #1986 (UXP)
"The best revenge is to not be like the person who wronged you." -- Marcus Aurelius
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb

Post Reply