встроенная форма с небольшим ui-select и input-group-sm - PullRequest
Новая
       23

встроенная форма с небольшим ui-select и input-group-sm

0 голосов
/ 21 мая 2019

Мне нужно поместить small ui-select с элементом small input-group во встроенной форме.

Я обернул ui-select с помощью form-group и form-group-sm классы.Но в результате у меня есть другое вертикальное выравнивание ui-select и input-group.

Вы можете увидеть это здесь

screenshot

Вот код 

  <div class="form-inline" style="width:500px">

  <div class="form-group form-group-sm">
    <ui-select ng-model="ctrl.address.selected"
             theme="bootstrap"
             ng-disabled="ctrl.disabled"
             title="Address">
    <ui-select-match placeholder="Enter an address...">{{$select.selected.formatted_address}}</ui-select-match>
    <ui-select-choices repeat="address in ctrl.addresses track by $index"
             refresh="ctrl.refreshAddresses($select.search)"
             refresh-delay="0">
      <div ng-bind-html="address.formatted_address | highlight: $select.search"></div>
    </ui-select-choices>
  </ui-select>
  </div>
  <div class="input-group input-group-sm">
    <input type="text" class="form-control" placeholder="Search" aria-describedby="search" style="width: 100px"/>
    <span class="input-group-addon" id="search">
      <i class="fa fa-search" aria-hidden="true"></i>
    </span>
  </div>

  </div>

Вот демоверсия

Как сделать так, чтобы оба элемента были выровнены по вертикали?

...