Cannot tag input that is covered by a label

Support
1

Since we need to re-style a checkbox, we use a label with a ::before selector to display a custom checkbox and then since the label is linked to an actual input behind it, the clicking all works. However, LipSurf, presumably, doesn’t see the covered input and therefore won’t tag it when using “tags”.

Is there a workaround for this or would I need to make sure the inputs are displayed somewhere uncovered and use some kind of CSS to make sure the default checkmarks are not visible?

Thanks

2

There are many potential workarounds. Off the top of my head without digging into the code, I believe using an element with role=“checkbox” would work.