salesforce / salesforce/design-system-react
Data table cell input fields truncated when using 'fixed header'
Open
Nobody has claimed this yet.
stale
- Dominant language
- JavaScript
- Stars
- 982
- Forks
- 440
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 4
Description
When Building a data table that has input cells, the input fields are truncated when they live inside of a table using 'fixed header' option. For example, in a typical input cell as you type text longer than the cell, the text is pushed left. When using fixed header, text is not moved - and text after the end of the input field box can't be seen.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing a data table with input cells and the fixed header option, then compare text entry behavior with a normal table. The fix is done when input text remains visible or moves as expected instead of being truncated after the field boundary.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100