bluzky/nice-select2

height:0 and width:0 don't work on border

Opened this issue · 1 comments

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.
image

EDIT:
Well this is interesting. If you add border: 0, the input validation no longer shows...

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?