Second inline-block don't move to next column
Reported by
webh...@gmail.com,
Aug 17 2016
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Example URL: https://jsfiddle.net/qq6oxbno/ Steps to reproduce the problem: 1. Create multi-columns wrapper. 2. Append to wrapper two blocks with styles: display:inline-block; width:100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; 3. What is the expected behavior? Second block should move to second column. What went wrong? Second block remain in first column. Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? Yes Chrome 51 and below Does this work in other browsers? No Google Chrome 52+ Chrome version: 52.0.2743.116 Channel: stable OS Version: Flash Version: Shockwave Flash 22.0 r0 I need to use `display:inline-block;width:100%;` in order to avoid old problems with box-shadows and margins, that appear in multi-columns. I hope this is a known issue.
,
Aug 17 2016
In Chromium 54.0.2832.0 (64-bit) the problem is also appears.
,
Aug 17 2016
Issue 638531 has been merged into this issue.
,
Aug 17 2016
Issue 638533 has been merged into this issue.
,
Aug 17 2016
,
Aug 17 2016
(Please file the "old problem" separately, so it can be addressed) mstensho, can you comment on what the right behavior is here? I can't quite tell how this should be handled.
,
Aug 17 2016
(Actually cc'ing morten so he sees the question) Also, the second element is not a block, it's an inline.
,
Aug 17 2016
This is expected behavior. Try setting orphans and widows to 1 on the multicol container. Their initial values are 2, which means that we'll try to prevent lone lines in any column, unless you override that.
,
Aug 18 2016
Orphans and widows are working. But is this correct behavior? These properties should working only for printing or print preview, isn't it?
,
Aug 18 2016
orphans and widows should be honored in any kind of fragmentation context. https://drafts.csswg.org/css-break/#widows-orphans https://drafts.csswg.org/css-break/#unforced-breaks
,
Aug 18 2016
I understood. Thank you. Issue can be closed.
,
Aug 18 2016
,
Aug 24 2016
,
Aug 25 2016
Issue 640817 has been merged into this issue.
,
Sep 8 2016
Issue 642645 has been merged into this issue.
,
Sep 21 2016
Issue 648420 has been merged into this issue.
,
Sep 21 2016
yee เมื่อ 21 ก.ย. 2016 9:35 PM "msten… via monorail" < monorail+v2.718780985@chromium.org> เขียนว่า
,
Sep 28 2016
Issue 647656 has been merged into this issue.
,
Sep 29 2016
Issue 649793 has been merged into this issue.
,
Nov 15 2016
,
Dec 8 2016
Issue 671491 has been merged into this issue.
,
Jan 24 2018
,
Jan 24 2018
Issue 805331 has been merged into this issue.
,
Jan 18
(6 days ago)
|
||||||
►
Sign in to add a comment |
||||||
Comment 1 Deleted