-
Notifications
You must be signed in to change notification settings - Fork 253
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Input : Double focus is seen when user tries to focus on the icon present inside Input element #8970
Comments
Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository. |
Hello @SAP/ui5-webcomponents-topic-rl , When an input is focused and interactive icon is sloted, double focus appears. The issue is reproducible this isolated example. Not sure if this should be fixed in the icon or input. I am handing it over to the input owners as the double focus is visible there. Best Regards, |
Hello @pppwr7 the Is there a special reason why you add the 'interactive' property? |
Hello, I the issue is no longer producible in the nightly version I will close the issue for now. |
Describe the bug
When I focus on the icon present inside the input field, then the blue outline for focus is seen for the icon as well as the input box. Ideally, the blue outline should be only shown on the icon and not on the input box. This issue has been raised as part of accessibility testing.
Isolated Example
https://stackblitz.com/edit/github-pzlhay-kxhlew?file=src%2FApp.tsx
Reproduction steps
3.click on the 'x' icon to put focus on it. One can see the blue outling on the icon as well as on the input box
Expected Behaviour
blue outline on input box should not be seen on focus on icon
Screenshots or Videos
UI5 Web Components for React Version
latest
UI5 Web Components Version
latest
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
No response
Organization
No response
Declaration
The text was updated successfully, but these errors were encountered: