Dropdown is not being rendered correctly
-
- Posts: 1
- Joined: 09 Jun 2021, 23:10
I'm trying to show Dropdown but it's not being rendered correctly. Please see the attached image.
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Unfortunately, the image is not showing so unable to replicate. But you find codesandbox example on the documentation.
I don't know what problem the original author of this topic had, but I too have strange display errors with dropdown and multiselect. The error only occurs on some pages, not all. I have not found a connection yet. In case it doesn't work with the image either. The dropdown area is not positioned correctly under the field, but about 5 pixels too far to the left. Also the width is too small (about 15 pixels too little)
-
- Posts: 2
- Joined: 04 Jul 2021, 11:19
Hi, I'm having the same issue, but I found out the fix, you need to add appendTo props with the value of "self" instead of the default "body" to your dropdown component, like this Hope it helps
Code: Select all
<Dropdown v-model="selectedCity" :options="cities" appendTo="self" />
This worked for me. Thanks a lot!jadox13597 wrote: ↑04 Jul 2021, 11:26Hi, I'm having the same issue, but I found out the fix, you need to add appendTo props with the value of "self" instead of the default "body" to your dropdown component, like this
-
- Information
-
Who is online
Users browsing this forum: No registered users and 17 guests