Cannot include autocomplete in input group


Topic: Cannot include autocomplete in input group

Nairod pro premium priority asked 2 years 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"/>
          </div>
        </div>
      </div>
    </nav>

enter image description here


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • 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