Overview of the problem

Buefy version: "buefy": "^0.9.19",
Vuejs version: "vue": "^2.6.11",
OS/Browser: [win10/crhome]

windows 10

Description

I've encountered an issue with the positioning of the dropdown in the autocomplete component. Specifically, the dropdown has unexpected values for its CSS properties such as position, top, left, and width, leading to a misalignment in certain situations.

Steps to reproduce

1. Create an autocomplete component
2. Open the dropdown.
3. Observe the incorrect positioning.

Sorry to b so vauge perhaps I should try isolate the code so i can describe better how to reproduce it.
In the mean time this fact might help

• the autocomplete is in a modal

Expected behavior

The dropdown should be properly aligned with the input field, following the provided dropdownDirection property.

Actual behavior

The dropdown appears with the following incorrect CSS position values:

position: absolute;
top: 960.075px;
left: 443.4px;
width: 884px;
max-width: 884px;
z-index: 99;

These values lead to a misalignment of the dropdown relative to the input field.