New issue
Advanced search Search tips

Issue 684948 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

sizing of orthogonal block with 'auto' inline size inside auto-sized containing block

Reported by goo...@gtalbot.org, Jan 25 2017

Issue description

UserAgent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:50.0) Gecko/20100101 Firefox/50.0

Example URL:
http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-htb-in-vlr-001

Steps to reproduce the problem:
8 tests with their associated reference files (expected result):

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-htb-in-vlr-001

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-htb-in-vlr-004

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-htb-in-vrl-001

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-htb-in-vrl-004

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-vlr-in-htb-001

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-vlr-in-htb-004

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-vrl-in-htb-001

http://test.csswg.org/harness/test/css-writing-modes-3_dev/single/sizing-orthog-vrl-in-htb-004

What is the expected behavior?
See their respective reference files

What went wrong?
I believe the following (admittedly difficult) sentence, from section 7.3.2 of Writing-modes spec, is not precisely implemented in Chrome's CSS engine:

"
the inline-axis size that would match the box's inline-axis outer edges to the smaller of

    the available space
    the initial containing block's size 
"

Outer edges is the margin edges.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 57.0.2986.0  Channel: dev
OS Version: 
Flash Version: Shockwave Flash 11.2 r202

These 8 tests checks the sizing algorithm when specific code scenarios (orthogonal block, inline size value is 'auto', containing block of orthogonal block has an indefinite inline size) happen and those kinds of code scenarios have been addressed by section 7.3.2 of Writing-modes spec with a shrink-to-fit formula { min(max-content, max(min-content, constraint)) }.

7.3.2 Auto-sizing Block Containers in Orthogonal Flows
https://drafts.csswg.org/css-writing-modes-3/#auto-multicol

Statements in section 7.3.2 use concepts and refer to vocabulary which have been defined in CSS3 Sizing
https://www.w3.org/TR/css-sizing-3/#terms

The 8 tests have detailed and carefully edited comments which should be useful.

Firefox 50+ passes these 8 tests.
 
Labels: Needs-Triage-M57
Components: Blink
Labels: -Type-Compat M-58 OS-Mac OS-Windows Type-Bug
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on windows-7, Mac-10.12.2 and Linux Ubuntu-14.04 using chrome stable version 55.0.2883.87 and latest canary 58.0.2992.0 and reported version 57.0.2986.0.
This is non-regression issue observed from M-30 # 30.0.1599.0 . Hence marking it as Untriaged to get it addressed.
Please find the attached screen-cast.

Thanks. 
win-684948.mp4
568 KB View Download
Components: -Blink Blink>Layout

Comment 4 by e...@chromium.org, Jan 26 2017

Owner: kojii@chromium.org

Comment 5 by e...@chromium.org, Jan 26 2017

 Issue 684939  has been merged into this issue.

Comment 6 by e...@chromium.org, Jan 26 2017

 Issue 684933  has been merged into this issue.

Comment 7 by goo...@gtalbot.org, Jan 26 2017

Bug triager, are you sure that  issue 684933  should be merged with this issue? Issue 684948 involves a block in orthogonal flow.  Issue 684933  does not involve a block in orthogonal flow; everything is in normal vertical flow. I think these are 2 distinct and quite different categories of code scenario.

Comment 8 by kojii@chromium.org, Jan 27 2017

Cc: kojii@chromium.org
Labels: -Pri-2 Pri-3
Owner: ----
Status: Available (was: Untriaged)
Thank you Gérard, I made it so.

Comment 9 by kojii@chromium.org, Jan 29 2017

Components: -Blink>Layout Blink>Layout>WritingMode
Labels: -Needs-Triage-M57
Removed Needs-Triage-M57 as its already triaged.

Comment 11 by goo...@gtalbot.org, Jan 10 2018

The 8 tests in #c0 have been *removed* from section 7.3.2 

http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-7.htm#s7.3.2

for unknown (to me, at this time) reasons. CSS3 spec changed since 2015:

"the fallback 'available space' for orthogonal flows to use the nearest fixed-size scrollport where available" ... and not necessarily the viewport

https://github.com/w3c/csswg-drafts/issues/1391

which may or may not have coding consequences for those 8 tests (and some 80 other tests which were in section 7.3.2 whose filenames were starting with the string "sizing-orthog-"). It is unclear to me at this time. It is unknown to me why the 80+ tests were removed and not adjusted instead to match the change of spec.

Comment 12 by goo...@gtalbot.org, Jan 22 2018

The 8 tests in #c0 are currently unavailable (they are not build by the system) due to changes affecting section section 7.3.2 

http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-7.htm#s7.3.2
currently lists 0 test .

We are aware of this situation:

[css-writing-modes-3] 88 tests and 69 reference files now missing from test suite
https://lists.w3.org/Archives/Public/public-css-testsuite/2018Jan/0000.html

In the meantime, you can use these links:

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vlr-001.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vlr-001-ref.xht


http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vlr-004.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vlr-004-ref.xht



http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vrl-001.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vrl-001-ref.xht


http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vrl-004.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-htb-in-vlr-004-ref.xht



http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vlr-in-htb-001.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vlr-in-htb-001-ref.xht


http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vlr-in-htb-004.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vlr-in-htb-004-ref.xht



http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vrl-in-htb-001.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vrl-in-htb-001-ref.xht


http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vrl-in-htb-004.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-orthog-vrl-in-htb-004-ref.xht


> The 8 tests in #c0 are currently unavailable (they are not build by the 
> system) due to changes affecting section section 7.3.2 

> http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-7.htm#s7.3.2
> currently lists 0 test .

The 8 tests in #c0 are now available. They are now in section 7.3.1:

http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-7.htm#s7.3.1

Sign in to add a comment