Topic: Cannot include autocomplete in input group

Nairod priority asked 1 year ago

Is there any way of including an autocomplete component into an input-group or container and setting its width to fit the parent size ? Setting w-100 to the autocomplete makes it appear on a new line.

    <nav class="navbar navbar-expand-lg">
      <div class="container-fluid">
        <a class="navbar-brand" href="#">Brand</a>
        <div class="input-group">
          <span class="input-group-text"><i class="fas fa-search"></i></span>
          <div id="autocomplete" class="form autocomplete w-100">
            <input type="search" class="form-control" placeholder="Search" aria-label="Search"/>

enter image description here

Kamila Pieńkowska staff answered 1 year ago

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: PC Asus
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No