[Button & Action]: Referenced `tooltip` isn't invoked on mobile devices

geospatialem commented 6 months ago

Check existing issues

[X] I have checked for existing issues to avoid duplicates

Actual Behavior

On mobile devices both button and action components will not invoke a referenced tooltip on tap.

https://github.com/Esri/calcite-design-system/assets/5023024/45715ae4-b7be-42ee-992f-f6b425c7c95a

Expected Behavior

[x] button should trigger a referenced tooltip on mobile devices on tap, similar to click
[x] action should trigger a referenced tooltip on mobile devices on tap, similar to click

desktop

Reproduction Sample

https://codepen.io/geospatialem/pen/OJGKGrY

Reproduction Steps

Open the sample on a mobile device
Try to tap on either the button or action to invoke the associated tooltip
Observe the behavior

Reproduction Version

2.8.0

Relevant Info

Tested on iOS

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

No response

Calcite package

[X] @esri/calcite-components
[ ] @esri/calcite-components-angular
[ ] @esri/calcite-components-react
[ ] @esri/calcite-design-tokens
[ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)

macandcheese commented 6 months ago

IMO this might be p2/p3 - this prevents mobile use of a lot of UI interactions.

github-actions[bot] commented 4 months ago

Installed and assigned for verification.

geospatialem commented 3 months ago

Verified in 2.11.0-next.21 on iOS in Chrome and confirmed behavior for click events is unchanged with Windows on Chrome. 🙌🏻

macandcheese commented 3 months ago

Is there any way we can verify iOS specific fixes in Safari as well as that is the default device browser?

geospatialem commented 3 months ago

For sure, also verified in Safari for 2.11.0-next.21. ✨

Esri / calcite-design-system