190521 2018-10-12 09:11:03 -0700 Sizing of <input type=button> is wrong for multi-line text 2022-07-01 19:04:20 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 238803 FromImplementor, InRadar P2 Normal --- 1 MatsPalmgren_bugz webkit-unassigned bfulgham ntim simon.fraser webkit-bug-importer zalan oldest_to_newest 1468443 0 352170 MatsPalmgren_bugz 2018-10-12 09:11:03 -0700 Created attachment 352170 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. 1880285 1 bfulgham 2022-07-01 16:51:08 -0700 We do not match Firefox or Chrome behavior here. 1880286 2 webkit-bug-importer 2022-07-01 16:51:15 -0700 <rdar://problem/96321617> 1880313 3 ntim 2022-07-01 19:04:20 -0700 *** This bug has been marked as a duplicate of bug 238803 *** 352170 2018-10-12 09:11:03 -0700 2018-10-12 09:11:03 -0700 Testcase Safari-button-white-space.html text/html 982 MatsPalmgren_bugz PCFET0NUWVBFIEhUTUw+CjwhLS0KICAgICBBbnkgY29weXJpZ2h0IGlzIGRlZGljYXRlZCB0byB0 aGUgUHVibGljIERvbWFpbi4KICAgICBodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9wdWJsaWNk b21haW4vemVyby8xLjAvCi0tPgo8aHRtbD48aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+ CiAgPHRpdGxlPjwvdGl0bGU+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCnNwYW4sIGlucHV0 LCBidXR0b24geyB3aGl0ZS1zcGFjZTogcHJlOyBkaXNwbGF5OmlubGluZS1ibG9jazsgfQpzcGFu IHsgYm9yZGVyOiBzb2xpZCBibHVlOyB9CgpzZWN0aW9uID4gKiB7IC13ZWJraXQtYXBwZWFyYW5j ZTpub25lOyB9CgouZ3JpZCB7IGRpc3BsYXk6IGlubGluZS1ncmlkOyBncmlkLXRlbXBsYXRlLXJv d3M6IHJlcGVhdCgzLCBhdXRvKTsgfQouZmxleCB7IGRpc3BsYXk6IGlubGluZS1mbGV4OyBmbGV4 LWZsb3c6Y29sdW1uOyB9CiAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KClgKPGlucHV0IHR5cGU9 ImJ1dHRvbiIgdmFsdWU9ImEmIzEwO2ImIzEwO2MiIHN0eWxlPSJ3aWR0aDo1MHB4Ij4KPGlucHV0 IHR5cGU9ImJ1dHRvbiIgdmFsdWU9ImEgYiBjIiBzdHlsZT0iYm94LXNpemluZzpjb250ZW50LWJv eDsgd2hpdGUtc3BhY2U6bm9ybWFsOyB3aWR0aDoxY2giPgo8YnV0dG9uPmEmIzEwO2ImIzEwO2M8 L2J1dHRvbj4KCjxzZWN0aW9uPgo8aDI+U2FtZSBhcyBhYm92ZSBidXQgd2l0aCAtd2Via2l0LWFw cGVhcmFuY2U6bm9uZTwvaDI+ClgKPGlucHV0IHR5cGU9ImJ1dHRvbiIgdmFsdWU9ImEmIzEwO2Im IzEwO2MiIHN0eWxlPSJ3aWR0aDo1MHB4Ij4KPGlucHV0IHR5cGU9ImJ1dHRvbiIgdmFsdWU9ImEg YiBjIiBzdHlsZT0iYm94LXNpemluZzpjb250ZW50LWJveDsgd2hpdGUtc3BhY2U6bm9ybWFsOyB3 aWR0aDoxY2giPgo8YnV0dG9uPmEmIzEwO2ImIzEwO2M8L2J1dHRvbj4KPC9zZWN0aW9uPgoKPC9i b2R5Pgo8L2h0bWw+Cg==