date and time inputs with value and styled visibility:hidden still show (x) to clear
Categories
(Core :: Layout: Form Controls, defect)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox66 | --- | fixed |
People
(Reporter: curtis, Assigned: emilio)
References
(Blocks 1 open bug)
Details
Attachments
(2 files)
Screenshot 2019-01-18 15.12.44.png
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:65.0) Gecko/20100101 Firefox/65.0
Steps to reproduce:
Render date or time inputs styled visibility:hidden and notice the lingering (x) icons.
Repro example:
<!doctype html>
<div><label>Visible date input <input type="date" value="2019-01-18"></label></div>
<div><label>Hidden date input <input type="date" value="2019-01-18" style="visibility:hidden"></label></div>
<div><label>Visible time input <input type="time" value="16:30"></label></div>
<div><label>Hidden time input <input type="time" value="16:30" style="visibility:hidden"></label></div>
Actual results:
The hidden (visibility:hidden) date and time inputs hide but their (x) clear buttons remain visible.
Expected results:
The entire input, including any native interface elements of the input, should be invisible.
|
||
Updated•6 years ago
|
|
Assignee | |
Comment 1•6 years ago
|
||
This one is a very easy bug to fix, nice catch :)
|
|
Assignee | |
Comment 2•6 years ago
|
||
CSS visibility doesn't work like display. visibility: visible elements in a
visibility: hidden subtree still get shown.
|
||
Comment 4•6 years ago
|
||
| bugherder | ||
Description
•