quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.72k stars 3.49k forks source link

Select and Data/TimePicker supports options to display at bottom sheet #9197

Open lijing666 opened 3 years ago

lijing666 commented 3 years ago

Describe the solution you'd like Select popup select items at bottom sheet Datatimepicker popup select at bottom sheet

Describe alternatives you've considered Something like vant select picker; vant Datatime picker

Additional context Select behavior now has two types: 'dialog' or 'menu' , sometimes in mobile 'bottom sheet' takes good.

metalsadman commented 3 years ago

@lijing666 https://codepen.io/metalsadman/pen/dyvoZqr?editors=1010 use QDialog/QPopupproxy position="bottom".

lijing666 commented 3 years ago

@lijing666 https://codepen.io/metalsadman/pen/dyvoZqr?editors=1010 use QDialog/QPopupproxy position="bottom".

Thanks for your reply, this will solve the problem, but the original props that Select and Data/TimePicker owned should be copied to the custom input component, maybe a little redundant