Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
270 stars 75 forks source link

calcite-tile with action and tooltip #7905

Closed AdelheidF closed 1 week ago

AdelheidF commented 9 months ago

Check existing issues

Description

Calcite tile should be able to accept an action with a tooltip in the content-end slot.

image

Tooltip currently doesn't show when hovering over action https://codepen.io/afreitag/pen/poqKaZV

Currently a tooltip can only be set on the entire tile

image

Acceptance Criteria

tooltip shows when hovering over launch action

Relevant Info

No response

Which Component

calcite-tile

Example Use Case

Map Viewer layer information section

Priority impact

p3 - want for upcoming milestone

Calcite package

Esri team

ArcGIS Map Viewer

macandcheese commented 9 months ago

Tiles are wholly interactive entities with a single hitbox, this is a distinguishing feature of the component.

In the above screenshot, it’s accurate to have the tooltip show on interaction. Not sure we want to split Tile into multiple hit boxes / have action slots.

I do wonder how useful the tooltip is in this scenario, or if it could be integrated into the Tile content end slot if that text is absolutely needed. Otherwise, I’d say it’s functioning as expected, since the tooltip applies to the entire interaction.

You could try to use a Card, or a single List / List Item, etc if you don’t want an entire clickable component.

AdelheidF commented 9 months ago

cc @mitc7862 @cwwhitmore

driskull commented 9 months ago

Yeah I agree with what @macandcheese said.

The alternative would be to possibly use a notice component.

geospatialem commented 1 week ago

Closing out the above to use alternative components mentioned in https://github.com/Esri/calcite-design-system/issues/7905#issuecomment-1741165593 and https://github.com/Esri/calcite-design-system/issues/7905#issuecomment-1741519495.