Change #searchInput to type="search" and add <label> for improving accessibility, handling of clicks on the search field and search field focus and addressing SVG rendering issues in older browsers (namely IE <11).
Description
Description
Details
Details
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Change `#searchInput` to `type="search"` and add `<label>` | mediawiki/skins/Blueprint | master | +40 -35 |
Event Timeline
Comment Actions
Change 238090 had a related patch set uploaded (by VolkerE):
Change #searchInput to type="search" and add <label>
Comment Actions
As an explanation of the added CSS rule
[type="search"]::-ms-clear { // IE10+ adds clearing x, we want to avoid display: none; }
Here's a screenshot of the clear button that comes with type="search" on IE 10+. We're going to hide it for now, as long as we don't have a cross-browser function.
Comment Actions
Change 238090 merged by jenkins-bot:
Change #searchInput to type="search" and add <label>