ic-ui-kit icon indicating copy to clipboard operation
ic-ui-kit copied to clipboard

[ic-button]: Safari Browser: Clicking button does not show focus state

Open jd239 opened this issue 1 year ago • 0 comments

Summary of the bug

In Chrome, the focus state is applied to the button when clicked to illustrate interaction. The focus state does not appear in Safari.

🪜 How to reproduce

Tell us the steps to reproduce the problem:

  1. Go to page: 'https://mi6.github.io/ic-ui-kit/branches/develop/web-components/?path=/story/web-components-button--primary'
  2. Click on any button on the page.
  3. See the error

📸 Screenshots or code

N/A

🖥 📱 Device

  • Type: Desktop
  • Device: Windows VM
  • OS version: Windows
  • Browser version: Safari 17.4.1

🧐 Expected behaviour

The focus state should appear on the button

📝 Acceptance Criteria

If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

Given the page loads with a button When the button is clicked
Then the focus state should appear on the button

Additional info

Tell us anything else useful to help us fix or understand the problem.

jd239 avatar Jul 19 '24 09:07 jd239