[Popover, Tooltip] Support one to many relationship

[driskull]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

Allow an array of reference elements to support a single tooltip or popover being associated with multiple elements.

This would handle the use case where a single tooltip is applicable to multiple reference elements. In the Maps SDK, we have a use case where each layer type has an icon and that icon has a tooltip. Currently, to achieve this, each icon needs its own tooltip even though there are only a few different tooltips.

Enhance tooltip and popover to support referenceElement: HTMLElement | HTMLElement[]

Currently, if you have a lot of icons where you want the same tooltip to appear on hover, you have to create the same number of identical tooltips.

Acceptance Criteria

referenceElement property is enhanced to support an array

Relevant Info

No response

Which Component

popover, tooltip

Example Use Case

tooltip.referenceElement = [iconEl, iconEl, iconEl, "my-el-id"];

Priority impact

impact - p3 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Maps SDK for JavaScript

[driskull]

@geospatialem I think we may need to backlog this one.

The problem I'm running into is that floatingUI doesn't have a way to watch multiple reference elements and position an element according to them. There's really know way to know which reference element would be the active one to use for positioning.

This would be a bigger refactor than I had initially thought.

[geospatialem]

I think we may need to backlog this one.

The problem I'm running into is that floatingUI doesn't have a way to watch multiple reference elements and position an element according to them. There's really know way to know which reference element would be the active one to use for positioning.

This would be a bigger refactor than I had initially thought.

Reallocated to early 2025 as a spike to determine next steps with trying to determine which reference element is active. 🏈