height:0 and width:0 don't work on border
Opened this issue · 1 comments
Petercopter commented
If there is a border on the select input then
height: 0;
width: 0;
don't work correctly to remove the input from the dom. If the border is 1px, you get a 2x2 square. Even the absolutely plain select input with no styling does this, I had to add border:0
to get it to work.
EDIT:
Well this is interesting. If you add border: 0
, the input validation no longer shows...
justin-oh commented
I'm experiencing the original issue. In my case, I don't have a need for validation.
If setting border: 0
makes the element no longer focusable by validation, is that because it is behaving the same as a hidden element? What if all properties of the element were set to 0, except for height: 1px
then offset that by margin-bottom: -1px
?