-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
dropdown menu to jump to category #141
Conversation
src/views/GroceryList.vue
Outdated
@@ -53,24 +67,24 @@ | |||
</div> | |||
<div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
From my POV, this div should have styles to achieve what you want:
margin-top: NUM; // to save space for select
height: NUM; // fixed height, so inner content would scroll
overflow-y: auto; // or scroll, something from these two :upside_down_face:
``
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is awesome. It works, sort of. 🎉
With height set to a fixed height, it seems to have to scroll bars, one inner, one outer.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
When I set
.app-content {
overflow: unset !important;
}
this work perfect.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hm. This works good if height fits.
If it on mobile, with not so big screen, it does not show end.
Additionally, dropdown jumps to correct position on Firefox on PC, but misbehaves on Android.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And another thing:
dropdown opens keyboard on mobile
Another/better approach: hide categories, so that all items are A-Z and can be easily found. |
I somehow need to have an offset, so that scrolling area is not up to blue bar, but ends below dropdown menu
TODO
@st3iny @susnux maybe you can share a bit of your wisdom? 💙