листовка ngx с наложением меню ng-select

Question

Я ищу образец для интеграции меню ng-select сверху ngx-leaflet (без манипуляций с dom) на angular 7? на каждой попытке карта превышает ng-select

что-то вроде

 <div class="map-body">
      <div class="map-style"
           leaflet
           *ngIf="mapDisplay"
           [leafletOptions]="options"
           [leafletLayers]="layers"
           [leafletFitBounds]="fitBounds"
           (leafletMapReady)="onMapReady($event)"
           (leafletMapMoveEnd)="onMove($event)">
      </div>
      <div class="form-group">
        <!-- The select connectivities panel -->
        <div class="col-3">
          <ng-select [items]="selectableStatus"
                     [(ngModel)]="status"
                     id="status"
                     name="status"
                     class="form-control value-form-width"
                     (ngModelChange)="onStatusChange()"
                     [searchable]="true"
                     [clearable]="false">
            <ng-template ng-option-tmp let-item="item">
                    <span id="option-{{item}}"
                          class="ng-value-label">
                          {{ 'devices.' + (item | lowercase) + '.label' | translate}}
                    </span>
            </ng-template>
            <ng-template ng-label-tmp let-item="item">
                    <span id="label-{{item}}"
                          class="ng-value-label">
                          {{ 'devices.' + (item | lowercase) + '.label' | translate}}
                    </span>
            </ng-template>
          </ng-select>
        </div>
      </div>
    </div>

спасибо с наилучшими пожеланиями