Vuesax: Dropdown positioning

Created on 26 Jul 2019  路  3Comments  路  Source: lusaxweb/vuesax

Currently there is no way to position a drop down

I have added a dropdown with a menu inside of it into the navbar at the very left hand corner

The dropdown menu left value is calculating automatically but positions it outside the view. (not left enough / position is wrong)

Not only does the positioning not work but the little arrow at the bottom/top(depending on the dropdown opening up or down) stays in the same spot

I think there needs to be better control of the positioning of the component

image

In the image, there is a dropdown that has a menu in it. it positioning is left: 72.7969px; top: 52.375px;

If i add classes to the container or the dropdown, i cannot get it to be inline with the the navbar.

Most helpful comment

@ConsoliNiccolo I believe this has been updated with a new property value. Check out the documentation here https://github.com/lusaxweb/vuesax/blob/master/src/components/vsDropDown/vsDropDown.vue vsDropRight

All 3 comments

i figured it out

@mjmnagy
Hi Sir, how did you do ?
I have the same problem.
I looked at vuesax documentation and it says to insert a .dropright wrapper, but in my case it doesn't work.

@ConsoliNiccolo I believe this has been updated with a new property value. Check out the documentation here https://github.com/lusaxweb/vuesax/blob/master/src/components/vsDropDown/vsDropDown.vue vsDropRight

Was this page helpful?
0 / 5 - 0 ratings