nextcloud-libraries / nextcloud-libraries/nextcloud-vue
Selects dropdowns should not be clipped by their container elements
Nobody has claimed this yet.
- Dominant language
- Vue
- Stars
- 246
- Forks
- 99
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 103
Description
When a user clicks on a select element and a dropdown is shown, the dropdown container should not be clipped by the boundaries of the parent container (this happens in NcActions and NcModal).
Initially discussed here https://github.com/nextcloud/notes/issues/1242
| how it is | what it looks like it should be |
|---|---|
credits to @poweruser64 for the mockup
cc @ShGKme & @susnux 🫶
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 locating the NcActions and NcModal components, then reproduce the select dropdown clipping described in the issue. Compare the current behavior with the attached mockup and verify that dropdowns remain visible beyond their parent container boundaries in both components.
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
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100