[Combobox] Long placeholder text to remain truncated when input is active

[SkyeSeitz]

Check existing issues

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

Description

Currently, the placeholder text loses its truncation when active. I don't believe this behavior provides any benefit since the placeholder text is not scrollable. Idle:

Active:

Acceptance Criteria

The placeholder text remains truncated when the Combobox input is active.

Relevant Info

Related: #7020

Which Component

Comobobox

Example Use Case

No response

Priority impact

p4 - 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

Calcite (design)

[Elijbet]

Note that it is the browser's default functionality is to show the whole placeholder on active/focus, which is why it removes the applied ellipsis. But I agree that it isn't helpful here.

[SkyeSeitz]

Since we discovered the browser prevents us from trimming in focus/active modes and I am seeing this in other Design Systems thus far as well, we are good to close out this issue. We discussed the possibility of applying a fade out instead of the ellipsis, but concluded it it did not add much, where the cut off is a more common pattern.