Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Swipeable Bottom Sheet (new component)
See original GitHub issueDescribe the solution you’d like The world’s most used mobile apps in the top 10 massively uses a Swipeable Bottom Sheet with the most varied components and layout within it, not just a menu of actions displayed as list or a grid.
I would like to have a Swipeable Bottom Sheet component in Quasar with this option to compose it with any component with two features:
- Option to adjust its height, make it fullscreen in mobile by sliding up to the top and dismiss if you swipe down quickly.
- Create and keep a footer fixed while active or the possibility to use the QLayout component inside it.
I still don’t know why Quasar doesn’t have a Swipeable Bottom Sheet component like this: https://github.com/atsutopia/vue-swipeable-bottom-sheet Why not? Is this a new component concept in the Material Design specification??
Describe alternatives you’ve considered
-
QDialog with position=“bottom” with a new boolean prop (swipeable) to make it Swipeable (adjust the heigth or dismiss with swipe).
-
Add the prop boolean
swipeablein Bottom Sheet plugin and add the possibility to compose other components, instead of being limited to just a list of objects to build a menu of actions only.
Additional context (examples)
Instagram - Inputs + List + Buttons… within Swipeable Bottom Sheet
Telegram - An image gallery + fixed footer with buttons in grid layout within Swipeable Bottom Sheet:
OneDrive - Action menu within Swipeable Bottom Sheet:
Facebook - Swipeable Bottom Sheet with fixed footer (in FB comment):
Issue Analytics
- State:
- Created 3 years ago
- Reactions:15
- Comments:15 (8 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
It’s not so difficult to do it adjusted to your needs. It would take less than recording all these images 😃
https://codepen.io/pdanpdan/pen/ExPqZbK
The problem is that it’s hard to do it as a generic component because each use case is different.
I checked all the code.
I believe that we are discussing a solution to be implemented within the Quasar core and not a specific solution for me.
I just thought that you had confused the fixed footer, so I tried to clarify that this is the example of the last GIF, a Bottom Sheet to comment there on Facebook.