Dropdown button trigger is not truncating

[tyanthony]

Check existing issues

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

Actual Behavior

A dropdown's button trigger does not truncate as expected but the content is constrained.

Expected Behavior

The button should truncate when necessary for a dropdown's trigger.

Reproduction Sample

https://codepen.io/tyleranthony/pen/eYoPzzP?editors=1100

Reproduction Steps

1. Add a Dropdown with a Button as the trigger and some other content
2. Set the container of those to a specified width
3. notice that the dropdown's button does not truncate

Reproduction Version

2.7.1

Relevant Info

Noticed on Chrome

Regression?

No response

Priority impact

p3 - want for upcoming milestone

Impact

This pushes content off the page making is inaccessible.

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

ArcGIS Mission

[geospatialem]

This may be resolved by the effort of https://github.com/Esri/calcite-design-system/issues/8490 and https://github.com/Esri/calcite-design-system/pull/9145, targeted for the May release. Blocking the above to determine if the above is mitigated as a result

[geospatialem]

The above was not mitigated with the fix mentioned above in 2.8.1-next.2, removing the block label for future triage.

[geospatialem]

spike to verify the approach above in comparison to the epic for truncation from https://github.com/Esri/calcite-design-system/issues/6661

[github-actions[bot]]

cc @geospatialem, @brittneytewks