[Webkit-unassigned] [Bug 256697] New: textareas with overflow hidden renders too many columns

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=256697

            Bug ID: 256697
           Summary: textareas with overflow hidden renders too many
                    columns
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: luke at warlow.dev
                CC: cdumez at apple.com, wenson_hsieh at apple.com

Does this work in other browsers?

No - I can reproduce the problem in another browser

This behaves correctly in Firefox and incorrectly in Safari and Chrome. See attached images.

Steps to reproduce the problem:
1.Load data:text/html,<textarea cols="3" rows="3">XXXXXXXXXXXXX</textarea><style>textarea { overflow: hidden; }</style> in Safari.
2.You will see that 4 columns (+ almost a 5th one with just whitespace) are rendered

Problem Description:
This should render just 3 columns but instead overflow hidden (and clip) only hide the scrollbar but still reserves its space.

This behaviour can also be seen in Chrome but NOT Firefox.

I came across it as I believe this is the part of the cause of one of the failing tests as part of the scrollbar-width implementation. The ref test (https://wpt.live/css/css-scrollbars/textarea-scrollbar-width-none.html) relies on this behaviour being correct and it isn't.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230512/3c266b9b/attachment.htm>