Drop-down- or push-up-menus are partwise out of sight
n1smithy opened this issue · 7 comments
Setup
- Version: v5.8.54-L157
- Environment: Docker with mariaDB
Interface
- Flutter: [X]
- React: []
- Both: []
Checklist
- Can you replicate the issue on our v5 demo site https://demo.invoiceninja.com or https://react.invoicing.co/demo? YES
- Have you searched existing issues? YES
- Have you reported this to Slack/forum before posting? NO
- Have you inspected the logs in storage/logs/laravel.log for any errors? NO
Describe the bug
When a drop-down-menu is at the edge of the window, it won't be shown by it's complete size. The menu is cropped at the window-border. So the last/hidden items are not shown or clickable.
Steps To Reproduce
Have a drop-down-menu directly near a window-border of the browser- or the app-window, the opened drop-down
Expected Behavior
The drop-down-menu should be opened heading to the inner side of the window or even overlapping the window-border and not being cropped.
Additional context
–
Screenshots
Logs
No logs, sirs and madames.
Thanks for reporting this, once this issue is resolved (flutter/flutter#101620) this will be corrected.
Hi,
May I try fixing this?
@shrawank039 thanks for the offer!
I'm not sure, the proper solution for this will need to be implemented in Flutter itself.
I could try minimally fixing this without changing any major existing code.
I went through this flutter/flutter#101620 it's already a 2-year-old issue, and waiting for the official team to fix this is not a good idea.
This is a major issue in UX because a small-screen user can never see the entire list of content in the autocomplete.
Ok, if you can find a reasonable solution we could merge it.
Thanks again!
Created a PR.
Let me know if this needs any changes.
I tried not to change any current code. so in the future, if Flutter fixes this, then we only have to delete a few lines to revert this.
Thanks.
Thanks for your help!