Checkbox: Hidden input styles

[Oshimani]

Hi everyone,

I have a question regarding the styles of the hidden input elements.
I looked at the checkbox
api.getHiddenInputProps().style looks like this:

border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap;
word-wrap:normal;

The position: absolute breaks the layout inside a table and I was wondering why this positioning was added in the first place.

[segunadebayo]

This is the recommended way to hide an element visually while making it accessible to screen readers.

Please add position relative as needed in your style to the checkbox root or control.