Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown: Text with ellipsis for long strings #10591

Open
2 of 6 tasks
nsulzberger opened this issue Oct 23, 2024 · 2 comments
Open
2 of 6 tasks

Dropdown: Text with ellipsis for long strings #10591

nsulzberger opened this issue Oct 23, 2024 · 2 comments
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.

Comments

@nsulzberger
Copy link

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.

image

Acceptance Criteria

Expected behavior the text is displayed with an ellipsis:
image

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/calcite-components
  • @esri/calcite-components-angular
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Scene Viewer

@nsulzberger nsulzberger added 0 - new New issues that need assignment. enhancement Issues tied to a new feature or request. needs triage Planning workflow - pending design/dev review. labels Oct 23, 2024
@github-actions github-actions bot added ArcGIS Scene Viewer Issues logged by ArcGIS Scene Viewer team members calcite-components Issues specific to the @esri/calcite-components package. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive labels Oct 23, 2024
@ian13262
Copy link

+1 for Map Viewer and the JSAPI. We have some dropdowns that could benefit from this enhancement.

@geospatialem geospatialem added ArcGIS Maps SDK for JavaScript Issues logged by ArcGIS SDK for JavaScript team members. ArcGIS Map Viewer Issues logged by ArcGIS Map Viewer team members. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. and removed needs triage Planning workflow - pending design/dev review. labels Dec 17, 2024
@geospatialem
Copy link
Member

The above effort is blocked by the spike effort of #6661

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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.
Projects
None yet
Development

No branches or pull requests

3 participants