Width of a dropdown field at data entry does not grow even if there is enough space
Open
Nobody has claimed this yet.
0. Needs triage
bug
- Dominant language
- JavaScript
- Stars
- 214
- Forks
- 52
- Avg merge
- 1d 10h
- Merged PRs (30d)
- 82
Description
Steps to reproduce
- Create a dropdown and insert long text into the available options
- Try to add new data to the table by clicking on "+ Create row" (Zeile erstellen)
Expected behavior
The dropdown should show more of the text of the options as on the right is enough space.
Actual behavior
The width of the dropdown seams fixed to a value, text inside is often hardly to read. Only at mouseover the whole content is shown.
Tables app version
2.2.2
Browser
No response
Client operating system
No response
Operating system
No response
Web server
None
PHP engine version
None
Database
None
Additional info
No response
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
Reproduce the issue in the Tables app by creating a dropdown with long options and opening the "+ Create row" form. Trace the dropdown component used there and adjust its sizing so available horizontal space is used; done means longer option text is readable without relying on mouseover while existing layouts remain usable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 66/100