Skip to content

KCheckbox/KRadioButton not showing outline when focused in keyboard navigation #4428

@AlexVelezLl

Description

@AlexVelezLl

Observed behavior

Currently, if we navigate with the keyboard, and focus on a KCheckbox or a KRadioButton, they do not show any outline, and it makes it impossible for users to know if it is really focused.

It seems to be an issue with the Kolibri Design System's globalThemeState.inputModality not recognizing that we are navigating with the keyboard, so it is returning a none outline to the $coreOutline (code).

Expected behavior

KCheckboxes and KRadioButtons should show an outline similar to this:
image

Additional information

An example of where we can find some KRadioButtons where we can test this problem is in the Studio: Settings section > Storage > Open form.

It is probably a missconfiguration of KDS in Studio, and it doesnt happen in Kolibri, so we can check Kolibri's Theme configuration as reference.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions