List in panel with list items with more than one action with tooltips causes horizontal overflow

[COV-GIS]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

List in panel with list items with more than one action with tooltips causes horizontal overflow.

Expected Behavior

No horizontal overflow.

Reproduction Sample

https://codepen.io/COV-GIS/pen/xxNzVxO

Reproduction Steps

Comment out/in the tooltip in the second action. Doing so on the first tooltip does nothing.

Invoking tooltips, clicking actions and adding additional list items can cause additional sizing problems.

Non-panel example w/o the issue: https://codepen.io/COV-GIS/pen/XWwYKme?editors=1000

Reproduction Version

2.9.0

Relevant Info

No response

Regression?

I believe it started when this was fixed: #8611

Priority impact

impact - p3 - not time sensitive

Impact

Low. Mainly aesthetics.

Feel free to improve the title of this issue.

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

[geospatialem]

@COV-GIS Would the following solution of adding overlay-position="fixed" to the tooltips accommodate the need? https://codepen.io/geospatialem/pen/Jjqmoba

[COV-GIS]

Setting overlay-positioning="fixed" on the tooltip resolves the panel overflow issue. I'd prefer not to have tooltips be outside the panel, or have to set overlay-positioning and placement properties. https://codepen.io/COV-GIS/pen/xxNzVxO?editors=1000

Thanks @geospatialem. This is an acceptable workaround.

[geospatialem]

Awesome, glad that helps and placement is another great attr/prop! As far as the above, we can work on some documentation samples, but otherwise, good to close the above out, @COV-GIS?

[COV-GIS]

Check roger.