adobe / adobe/spectrum-web-components

[Bug]: Textfield: Validation Icons Not Responsive to Field Resizing

Open
#5,162 1 comment 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

- Validation icons should dynamically reposition when the TextField is resized
- Icons should maintain proper alignment relative to the TextField boundaries

### Actual behavior

- Validation icons remain in their initial positions
- Icons do not respond to TextField resizing operations
- This creates a misalignment between the TextField and its associated icons

### Screenshots

https://github.com/user-attachments/assets/5ba105ba-3238-4d2f-bb0b-eca6458c878d

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

Chrome, Safari, Firefox, Microsoft Edge

### How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/textarea--default
2. Locate a TextField component with validation icons
3. Use the resize handle (bottom-right corner) to adjust the TextField dimensions
4. Observe that the validation icons maintain their original positions regardless of TextField size

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

_No response_

### Severity

SEV 4

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the sp-textfield implementation and reproduce the issue in the linked Storybook textarea example by resizing the field in Chrome, Safari, Firefox, or Edge. Trace how validation icon positions are established and verify that they remain aligned with the TextField boundaries after resizing.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.