Tooltip: support clicking on a tooltip when a reference element is focused. #9827
Description
Check existing issues
- I have checked for existing issues to avoid duplicates
Actual Behavior
The issue is that when you are focused on a reference element and then click on a tooltip, the onfocusout is fired which closes the open tooltip before the click can occur.
We should have a solution to allow for the tooltip to be clicked and not closed
Expected Behavior
When focusing a reference element and then clicking a tooltip, the tooltip should not close.
Reproduction Sample
https://codepen.io/driskull/pen/RwzRKmb?editors=1000
Reproduction Steps
- open the console
- click on the button
- click on the tooltip
- the tooltip should remain open
Reproduction Version
2.10.0
Relevant Info
Notes: it works if just hovering the reference element and clicking the tooltip.
Basically, the focusout and click are fighting each other in this scenario
Regression?
No response
Priority impact
impact - p3 - not time sensitive
Impact
No response
Calcite package
- @esri/calcite-components
- @esri/calcite-components-angular
- @esri/calcite-components-react
- @esri/calcite-design-tokens
- @esri/eslint-plugin-calcite-components
Esri team
N/A
Metadata
Metadata
Assignees
Labels
Issues that have been tested, confirmed as mitigated, and are ready to close.Bug reports for broken functionality. Issues should include a reproduction of the bug.Issues specific to the @esri/calcite-components package.A few days of work, definitely requires updates to tests.User set priority impact status of p3 - not time sensitiveIssue is non core or affecting less that 10% of people using the library