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: 106
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: 35402
Joined: 2011-08-28, 17:27
Location: Motala, 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)
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

Locked