search

xwpongithub / vue-range-slider

A range slider component based on vue (Vue滑块组件).
MIT License
122 stars 66 forks source link

Does not works inside vue-bootstrap dropdown #16

Closed tokomeno closed 4 years ago

tokomeno commented 4 years ago

Here are example works outside dropdown but not in the inside

https://jsfiddle.net/o872hbzd/

zihniogmen commented 4 years ago

Because without clicking the dropdown toggle button, container of the menu items has zero width and height. And this component resizes automatically relative to its parent.

You could listen to "show" event (https://bootstrap-vue.org/docs/components/dropdown#listening-to-dropdown-changes-via-root-events ) of b-dropdown and then refresh the vue-range-slider component.

Example : https://jsfiddle.net/0r73qj48/