search

lecoueyl / mijin

Tailwind CSS UI components build for Vue.js / Nuxt.js
https://lecoueyl.github.io/mijin.web
MIT License
203 stars 16 forks source link

Add props to prevent popover put on the bottom on mobile #31

Open Zzombiee2361 opened 2 years ago

Zzombiee2361 commented 2 years ago

Is your feature request related to a problem? Please describe. Sometimes I need to put a popover button way high up on the page or on the fixed menu and it's not intuitive that the menu appear on the bottom. This could harm UX especially on a bigger screen and/or small number of popover item

Describe the solution you'd like Add a props to prevent the popover to be put on the bottom of the page

lecoueyl commented 2 years ago

Hi @Zzombiee2361 , thanks for your suggestion.

Since most of the mobile actions are performed on the bottom of the screen, the popover will pop on the bottom. As a good default practice when using this component.

I agree it would be better to add an option to override this default behavior and give the choice 👍