Element UI - el-select on modal makes the scroll
Hi Lauris,
Im using Vue Metronic 8 demo 5.
The issue is visible from example here
https://preview.keenthemes.com/metronic8/vue/demo5/#/crafted/modals/forms/new-target
when you have a long enough modal to scroll it down and you`ll have el-select when you choose option ... modal is scrolling automatically to the top and option is not selected.
How to fix this?
Regards
Krystian
Replies (5)
Hi Krystian,
Glad to hear that. Please let us know if you have any further questions on this topic or anything else.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Your Support Matters!
I've tried
<el-select v-model="blabla" :popper-append-to-body="false"
<el-option .....I also tried to append this to el-option
Still when I scroll down modal and at theend when I have el-select autoscroll happening after picking up option.
In el-plus docs "popper-append-to-body is depreciated
Hi Krystian,
We tested this with :popper-append-to-body="false" and it helped to resolve autoscroll issue.
Instead of :popper-append-to-body="false", can you try to set :teleported="false"?
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Hi Krystian,
To fix this you can set popper-append-to-body to false on your el-select component instance.
:popper-append-to-body="false"Regards,
Lauris Stepanovs,
Keenthemes Support Team
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
