klaro-js icon indicating copy to clipboard operation
klaro-js copied to clipboard

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

Open helhum opened this issue 1 year ago • 0 comments

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"

helhum avatar Jun 12 '24 15:06 helhum