Content size error when flex-item is scrollable




2 years ago
a year ago


(Reporter: daniel, Unassigned)


54 Branch

Firefox Tracking Flags

(firefox57 wontfix, firefox58 wontfix, firefox59 ?)



(5 attachments)



2 years ago
Created attachment 8894274 [details]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170628075643

Steps to reproduce:

Open test case, reduce window height until container scrolls, enlarge window.  Note this also happens often when inserting content into the container dynamically.

Actual results:

Container remains overflowing even thought it is no longer constrained - refer screenshot.  The container width may need to be tweaked to reproduce depending on fonts. 

The content seems to wrap _after_ the content is sized, which then causes an overflow on the container.  The first <span> has been crafted to cause the issue, it will happen if there is a potential for extra wrapping anywhere in the container.

Expected results:

The container should grow to accommodate the content and not scroll.

Comment 1

2 years ago
Created attachment 8894275 [details]
Screenshot of overflow on enlarged window
Component: Untriaged → Layout
Product: Firefox → Core
Created attachment 8897606 [details]
screencast of dholbert attempting & failing to reproduce

Hi! Thanks for the bug report. I tried to reproduce (with the width adjusted slightly so the first line wraps when the scrollbar appears), but I wasn't able to.

Here's a screencast of me trying on Linux, FWIW.  I tried on Mac as well (via BrowserStack remote-desktop) and was unable to reproduce there, too.

Any other tips for getting this to happen?  Perhaps you can come up with a simpler testcase that reproduces it for you & just has a few words (and a large font) or something, so that there are fewer moving parts?
Flags: needinfo?(daniel)
Priority: -- → P3

Comment 3

2 years ago
I can reproduce on Linux (Ubunutu 17.04, Firefox 55.0.1 64bit) by either changing the theme with a new instance and opening the original test case:

~$ GTK_THEME=radiance firefox

or with test_case_2.html which is a slightly simplified layout.

This second test case will also reproduce for me on MacOS 10.12.6, FF54.0.1 (64-bit) with the container width at 180px - although that width may depend on fonts I think.
Flags: needinfo?(daniel)

Comment 4

2 years ago
Created attachment 8897622 [details]

Comment 5

2 years ago
Created attachment 8897625 [details]
scroll error on linux.ogv

Screencast of error on Ubuntu 17.04, FF55.0.1 (64-bit) with test_case_2.html
Thank you! I can reproduce with test_case_2.html on Linux (Ubuntu 17.04), Firefox Nightly 57.0a1 (2017-08-15) (64-bit). I see the same results shown in your comment 5 screencast.
Ever confirmed: true
status-firefox57: --- → wontfix
status-firefox58: --- → fix-optional
You need to log in before you can comment on or make changes to this bug.