Autocomplete with Tailwind does not have proper dropdown width #5117
mdmontesinos
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Autocomplete component with Tailwind displays the dropdown with its width adjusted to the size of the items in the dropdown, instead of the width of the text input.
Both samples are shown from the Blazorise demos.
Tailwind version:
Bootstrap version is correct:
EDIT: As a workaround, the 'max-width' css properties of the 'b-dropdown-menu' should be overrided to 100%.
EDIT2: Also, when the text input is in the next line (because the badges take more space), the dropdown remains centered in the Boostrap version:
In the Tailwind version, its moves every time a new badge is added:
As a workaround for the second issue, the 'left' css property of the 'b-dropdown-menu' should be overrided to 0, to avoid it being calculated every time a new badge is added/removed.
Beta Was this translation helpful? Give feedback.
All reactions