1542619 - break point on column-count list changing back and forth when margin overflow

Status: NEW

(Core :: Layout: Columns, defect, P3)

Description

[mmarena]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36

Steps to reproduce:

have a list with column-count more then one, where the last item have margin which overflow the list, then resize window

https://jsfiddle.net/kazzaky/j40r3cpa/

imo the break point formula feeding itself with own results which change each time, when I found this I had three states scenario not just two like in the example

Actual results:

the break point jumping back and forth on resize or when the list have absolute position then even when style is changed

Expected results:

the break point should be static

Comment 1

[Marcela (Please NI request to Brindusa Tot)]

Hi mmarena
I've tested this issue on Windows 10 using the latest Nightly 68.0a1 (2019-04-10) (64-bit), Beta 67.0b9 and Release 66.0.3.
I was able to reproduce the mentioned behavior using the provided steps.

Comment 2

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

After enabling layout.css.column-span.enabled, the break point remains static. P5 for now.

Comment 3

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

Somehow, my comment 2 was wrong. I can still reproduce the unstable break point after column-span is enabled.