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 (6)
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
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
this helped
:teleported="false"thank you Lauris
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!
Weshapesoul.com- Fitness Experts, Nutritionist, Diet Plans, Weight Loss, Health, Wellness, Weight Gain, Dietitian, Fitness, 15 Weight Loss Tips for People With Chronic Condition.
https://weshapesoul.com
