244448 2022-08-28 04:20:18 -0700 Should <button> have `user-select: none;` by default? 2023-02-13 00:33:13 -0800 1 1 1 Unclassified WebKit DOM Safari Technology Preview Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=208677 BrowserCompat, InRadar P2 Trivial --- 1 dev karlcow dev karlcow webkit-bug-importer oldest_to_newest 1894299 0 dev 2022-08-28 04:20:18 -0700 The user agent style sheet includes `user-select: none;` for <input type="button"> but not for <button>. Should we add `user-select: none;` to <button> for consistency? Or is there a good reason for the inconsistency? To reproduce: 1. Open the following URL and see how the button text is selectable: data:text/html,Foo <button>Bar</button> Baz 2. Here the button text is unselectable: data:text/html,Foo <input type="button" value="Bar"> Baz Other browsers: • Neither <button> or <input type="button"> is selectable in Firefox. • Chromium behaves like WebKit here: https://crbug.com/1356522 1894301 1 dev 2022-08-28 04:50:41 -0700 In fact, there’s no `user-select: none;` for <input type="button"> in the user agent style sheet, but the text is magically unselectable and cannot be made selectable with CSS. Also, WebKit doesn’t support the unprefixed `user-select` so `-webkit-user-select` must be used. 1894391 2 karlcow 2022-08-28 22:35:17 -0700 There is a bug open on Firefox about selection and button https://bugzilla.mozilla.org/show_bug.cgi?id=1763744 which was opened because of this webcompat issue. https://github.com/webcompat/web-bugs/issues/102132 1894392 3 webkit-bug-importer 2022-08-28 22:35:48 -0700 <rdar://problem/99262559> 1894393 4 karlcow 2022-08-28 22:37:55 -0700 This should be probably filed as a spec issue. 1894395 5 karlcow 2022-08-28 22:45:31 -0700 I filed https://github.com/whatwg/html/issues/8228 1900858 6 dev 2022-09-24 05:10:59 -0700 Note the css-ui spec [1] includes the following: > The following additions are made to the UA stylesheet for HTML: > button, meter, progress, select { user-select: none; } [1] https://drafts.csswg.org/css-ui/#issue-5d851d49 (just before the inline issue) 1933095 7 karlcow 2023-02-13 00:12:44 -0800 Pull request: https://github.com/WebKit/WebKit/pull/10017