Как избежать выбора выпадающих на экране на меньшем устройстве - PullRequest
Новая
       37

Как избежать выбора выпадающих на экране на меньшем устройстве

0 голосов
/ 08 ноября 2018

Я очень стараюсь избежать следующего сценария на небольших устройствах.
Раскрывающийся список не должен выходить за пределы экрана.

Вот мой HTML-код: 

<div class="form-group row">
      <label for="category" class="col-sm-2 col-form-label">Category</label>
      <div class="col-xs-6 col-sm-6 col-md-6"> 
        <select col-sm-4style="width:100%" class="custom-select form-control" name="category" #cat (ngModelChange)='updateCategoryId(cat)' [(ngModel)]="form.category"
          #category="ngModel">
          <option class="col-sm-4" *ngFor="let type of categoryNames;let itemIndex = index" [selected]="itemIndex == 0" [value]="type.name"
            [id]="type.id">{{type.name}}</option>
        </select>
      </div>
    </div>

И результат выглядит так: dropdown offscreen screenshot

Я ищу способ избежать этого на основе CSS.

...