Bug 190521

Summary: Sizing of <input type=button> is wrong for multi-line text
Product: WebKit Reporter: Mats Palmgren <MatsPalmgren_bugz>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, ntim, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: FromImplementor, InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Testcase none

Mats Palmgren
Reported 2018-10-12 09:11:03 PDT
Created attachment 352170 [details] Testcase STEPS TO REPRODUCE 1. load the attached testcase ACTUAL RESULTS The first button from the left in the top row has the text: a b c This is correct, but it seems the button's height only accounted for one line. The second button should have broken the text "a b c" into multiple lines (since it has white-space:normal) but it displays the text on just one line instead (and overflows). The -webkit-appearance:none tests handles the white-space and line breaking correctly and sizes the buttons to fit the text as expected. (see Firefox for correct results) BTW, the baseline alignment is also wrong, but I've filed that as https://bugs.chromium.org/p/chromium/issues/detail?id=894849 which might cover the relevant WebKit code too.
Attachments
Testcase (982 bytes, text/html)
2018-10-12 09:11 PDT, Mats Palmgren 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Brent Fulgham
Comment 1 2022-07-01 16:51:08 PDT
We do not match Firefox or Chrome behavior here.
Radar WebKit Bug Importer
Comment 2 2022-07-01 16:51:15 PDT
<rdar://problem/96321617>
Tim Nguyen (:ntim)
Comment 3 2022-07-01 19:04:20 PDT
*** This bug has been marked as a duplicate of bug 238803 ***
Note You need to log in before you can comment on or make changes to this bug.