search

lekoala / bootstrap5-autocomplete

Autocomplete for Bootstrap 5 (and 4!)
MIT License
87 stars 16 forks source link

Autocomplete covers up input in BS5 with floating labels #39

Closed eaglexboy closed 9 months ago

eaglexboy commented 10 months ago

I was trying to use the autocompelte with live server option and works great. My problem is that the the dropdown created using the response is covering up the input in a input group

Before entering any value image

With autocomplete dropdown image

Codepen Example

Is there something I need to do that will move the Dropdown below the input like it does with a regular input?

eaglexboy commented 10 months ago

After looking into it further the issue appears to be from the BS CSS "position" attribute for .dropdown-menu in _dropdown.scss

I'm not good at CSS so I don't know what the fix would be but if you set position to relative it shows on the bottom but everything gets shifted.

Codepen Example

lekoala commented 10 months ago

you could try using fixed positioning (see fixed option)

eaglexboy commented 9 months ago

That did the trick. Thanks.