search

klaro-org / klaro-js

Klaro Privacy Manager. An open-source, privacy-friendly & compliant consent manager for your website.
https://klaro.org
Other
1.17k stars 249 forks source link

If services are not grouped by purpose the input elements get a tabindex -1 #513

Open helhum opened 1 month ago

helhum commented 1 month ago

Klaro Config

{
    groupByPurpose: false
}

HTML Code of Page

<input id="service-item-matomo" aria-labelledby="service-item-matomo-title" aria-describedby="service-item-matomo-description" tabindex="-1" type="checkbox" class="cm-list-input">

Steps to reproduce

Define a service and do not group by purpose.

Prop visible should be set to true here

Current behavior

If services are not grouped by purpose, then the input elements receive a tabindex of -1, which makes them impossible to navigate to with the keyboard.

Expected behavior

Service checkboxes should be "tabable"