Unexpected blue box around close icon in Scale Modal - Githubissues

telekom / scale

Scale is the digital design system for Telekom products and experiences.

https://telekom.github.io/scale/

Other

362 stars 80 forks source link

Unexpected blue box around close icon in Scale Modal #2304

Open tischrei opened 3 months ago

tischrei commented 3 months ago

Scale Version from your github pages site: 3.0.0-beta.150

Current Behavior Modals are opening and right after there is a blue outlined box around the closing cross / icon of the modal.

Expected Behavior I would expect that the blue rectangular is there while clicking on the closing icon, but at least not all the time.

Desktop (please complete the following information):

OS: windows
Browser chrome
Version Version 123.0.6312.59 (Offizieller Build) (64-Bit)

Additional context

Aloento commented 2 months ago

In Modal, the default focus element is this close button (variant = ghost). So it's normal for this border to appear.

To fix it, just set the focus to any other element while the Modal is open.