For this component using in two different pages. For first page, the resize-observer class has the id generated on it.
But on a second page i.e a new route. The id isn't attached on the resize-observer
Why is the id important?
Because the base styles import 'floating-vue/dist/style.css' apply some styles to the resize-observor based on the data attribute, which is crucial for positioning of the dropdown.
For this component using in two different pages. For first page, the resize-observer class has the id generated on it.
But on a second page i.e a new route. The id isn't attached on the resize-observer
Why is the id important?
Because the base styles
import 'floating-vue/dist/style.css'
apply some styles to theresize-observor
based on the data attribute, which is crucial for positioning of the dropdown.https://unpkg.com/floating-vue@2.0.0/dist/style.css