input checkbox absolute position not always correct

[jorisdebock]

The checkbox input for the switch is currently marked with the absolute position which causes it to not always position itself correctly on the page

Current css

.switch[type="checkbox"] {
   outline: 0;
   user-select: none;
   position: absolute;
   margin-bottom: 0;
   opacity: 0;
   left: 0;
}

Is it not easier to just use a display:none? or the parent div (field) should be position:relative.

This works so far better in this case.

.switch[type="checkbox"] {
    display: none;
}

[Wikiki]

Hi @Wazowsk1 ,

you're right, display: none to the job perfectly.

Thanks for this.

Regards