W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2020

[csswg-drafts] [css-selectors] Expose <input type=search> clear icon as an standard pseudo element (#5365)

From: Tim Nguyen via GitHub <sysbot+gh@w3.org>
Date: Mon, 27 Jul 2020 18:39:00 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-666502952-1595875139-sysbot+gh@w3.org>
nt1m has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-selectors] Expose <input type=search> clear icon as an standard pseudo element ==
Gecko is implementing a clear button for `<input type=search>` consistent with other browsers: https://bugzilla.mozilla.org/show_bug.cgi?id=558594 and https://bugzilla.mozilla.org/show_bug.cgi?id=1654288


<img width="155" alt="image" src="https://user-images.githubusercontent.com/1795135/88578601-1adb6f80-d049-11ea-9d03-3d71e799d47b.png">

Webkit currently has both `::-webkit-search-decoration` (search icon in front) and `::-webkit-search-cancel-button` (clear button). Chromium only has the latter (and it doesn't show a search icon inside `<input type=search>`).

It would be nice to standardise:
* what's shown inside `<input type=search>` (ideally only the clear icon)
* a standard pseudo element like `::search-input-clear-button`, so web authors can style the clear icon without hiding the default one and re-implementing their own

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5365 using your GitHub account
Received on Monday, 27 July 2020 18:39:01 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:11 UTC