adobe / adobe/spectrum-web-components

[Bug]: Cannot view truncated placeholder text in sp-textfield

Open
#5,549 2 comments 0 reactions 0 assignees View on GitHub
bug Component:Textfield SEV 4
Dominant language
TypeScript
Stars
1.5k
Forks
262
Avg merge
3d 10h
Merged PRs (30d)
68

Description

### Code of conduct

- [x] I agree to follow this project's code of conduct.

### Impacted component(s)

sp-textfield

### Expected behavior

The placeholder in an textbox is truncated due to lack of space as expected. Isn't it expected that upon hover over the truncated text the user should be able view the complete text ?

### Actual behavior

User cannot view the truncated text.

### Screenshots

![Image](https://github.com/user-attachments/assets/e39f57ff-ff9e-4de1-b5ff-0a3f470865e2)

### What browsers are you seeing the problem in?

_No response_

### How can we reproduce this issue?

Can we seen in Express search bar place holder text in small screen size.
https://cclight.slack.com/archives/CESK60MQD/p1750234104293529

### Sample code or abstract reproduction which illustrates the problem

_No response_

### Severity

SEV 4

### Logs taken while reproducing problem

_No response_

### Would you like to track this issue in Jira?

- [x] Yes, please tell me the ticket number!

Contributor guide

Open the contributing guide

Research direction

Start with the sp-textfield component and reproduce the issue in the Express search bar at a small screen size. Done means the full truncated placeholder text can be viewed when hovering over it.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.