Как сохранить позицию Angular вариантов выбора с полем?

Question

При использовании ng2-google-charts и angular -material список выбора находится под диаграммой, а элемент управления - над диаграммой. Как сохранить их вместе?

<mat-form-field>
  <mat-label>Continent</mat-label>
  <mat-select [(ngModel)]="continents" (change)="onSelectContinent()">
    <mat-option *ngFor="let continent of continents | keyvalue" [value]="continent.key">{{continent.value}}</mat-option>
  </mat-select>
</mat-form-field>

Список выбора - это ini cdk-overlay-container html элемент, который отображается за пределами элемент.

Модуль импортирует

import {MatFormFieldModule} from '@angular/material/form-field';
import {MatSelectModule} from '@angular/material/select';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';

введите описание изображения здесь

Answer 1

Мне не хватало темы

Добавьте

https://material.angular.io/guide/theming#defining-a-custom-theme

в начало стилей. css файл, как описано в введите описание ссылки здесь