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
Fanatic
Fanatic
Posts: 116
Joined: 2015-05-30, 19:35
Location: UK

Rendering issue with scrollbar in absolute positioning

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
Project founder
Project founder
Posts: 39694
Joined: 2011-08-28, 17:27
Location: Sweden

Re: Rendering issue with scrollbar in absolute positioning

Post by Moonchild » 2022-11-18, 10:54

This is likely related to Issue #1986 (UXP)
"Sales hates anything that can't be turned into a confident sentence." - anonymous warehouse worker
"Why debate someone you fundamentally don't trust?" - Dario Amodei
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite