Branch: refs/heads/main
  Home:   https://github.com/WebKit/WebKit
  Commit: 467edd7c0ee38f4ba9bbc6c1ccc56082cf7780f5
      
https://github.com/WebKit/WebKit/commit/467edd7c0ee38f4ba9bbc6c1ccc56082cf7780f5
  Author: Alan Baradlay <[email protected]>
  Date:   2026-04-20 (Mon, 20 Apr 2026)

  Changed paths:
    M LayoutTests/TestExpectations
    A LayoutTests/fast/table/border-collapsing/004-vertical-expected.txt
    A LayoutTests/fast/text/tatechuyoko-expected.txt
    M LayoutTests/fast/writing-mode/auto-sizing-orthogonal-flows-expected.txt
    M LayoutTests/fast/writing-mode/auto-sizing-orthogonal-flows.html
    M 
LayoutTests/fast/writing-mode/percentage-height-orthogonal-writing-modes.html
    M 
LayoutTests/platform/glib/fast/table/border-collapsing/004-vertical-expected.txt
    M LayoutTests/platform/glib/fast/text/tatechuyoko-expected.txt
    M 
LayoutTests/platform/ios/fast/table/border-collapsing/004-vertical-expected.txt
    R LayoutTests/platform/ios/fast/text/tatechuyoko-expected.txt
    R 
LayoutTests/platform/mac/fast/table/border-collapsing/004-vertical-expected.txt
    R LayoutTests/platform/mac/fast/text/tatechuyoko-expected.txt
    R 
LayoutTests/platform/win/fast/table/border-collapsing/004-vertical-expected.txt
    R LayoutTests/platform/win/fast/text/tatechuyoko-expected.txt
    A 
LayoutTests/platform/wpe/fast/table/border-collapsing/004-vertical-expected.txt
    M Source/WebCore/rendering/RenderBox.cpp

  Log Message:
  -----------
  Vertical writing-mode content incorrectly wraps when parent has auto height
https://bugs.webkit.org/show_bug.cgi?id=312721

Reviewed by Antti Koivisto.

Consider:

  <div style="height: 20px">                                      <!-- outer -->
    <div>                                                         <!-- middle, 
auto height -->
      <div style="writing-mode: vertical-rl">f o o b a r</div>
    </div>
  </div>

The vertical div needs to know how much vertical space it has for
laying out its text. That comes from its containing block (the
middle div). The middle div has auto height - it sizes to content, not
to the outer div's 20px. So the vertical space should be indefinite.

Per CSS Writing Modes 4, section 7.3.1, when the available inline space
is indefinite, the fallback is the viewport height. The text should
have plenty of room and not wrap.

Instead, the 20px leaks into the vertical container as constraints
forcing the text to wrap.

* LayoutTests/TestExpectations:
* LayoutTests/fast/writing-mode/auto-sizing-orthogonal-flows-expected.txt:
* LayoutTests/fast/writing-mode/auto-sizing-orthogonal-flows.html:
* LayoutTests/fast/writing-mode/percentage-height-orthogonal-writing-modes.html:
* Source/WebCore/rendering/RenderBox.cpp:
(WebCore::RenderBox::perpendicularContainingBlockLogicalHeight const):

Canonical link: https://commits.webkit.org/311630@main



To unsubscribe from these emails, change your notification settings at 
https://github.com/WebKit/WebKit/settings/notifications

Reply via email to