Dropdown: Text with ellipsis for long strings #10591
Labels
0 - new
New issues that need assignment.
ArcGIS Map Viewer
Issues logged by ArcGIS Map Viewer team members.
ArcGIS Maps SDK for JavaScript
Issues logged by ArcGIS SDK for JavaScript team members.
ArcGIS Scene Viewer
Issues logged by ArcGIS Scene Viewer team members
calcite-components
Issues specific to the @esri/calcite-components package.
enhancement
Issues tied to a new feature or request.
impact - p3 - not time sensitive
User set priority impact status of p3 - not time sensitive
needs milestone
Planning workflow - pending milestone assignment, has priority and/or estimate.
Check existing issues
Description
The Calcite dropdown can be defined with a fixed width using the Calcite CSS variable
-calcite-dropdown-width
.Now if the string is longer than the defined with, the text is cut. It would be much better if an ellipsis would be shown instead.
Acceptance Criteria
Expected behavior the text is displayed with an ellipsis:

Relevant Info
No response
Which Component
Calcite Dropdown
Example Use Case
Example on codepen: https://codepen.io/nsulzberger_esri/pen/RwXLqwr?editors=1100
Priority impact
impact - p3 - not time sensitive
Calcite package
Esri team
ArcGIS Scene Viewer
The text was updated successfully, but these errors were encountered: