Использование mat-select в пользовательском элементе (веб-компонент) открывает параметры вне теневого DOM - PullRequest
Новая
       8

Использование mat-select в пользовательском элементе (веб-компонент) открывает параметры вне теневого DOM

0 голосов
/ 09 января 2019

При использовании элемента mat-select в моем пользовательском элементе параметры отображаются вне созданной теневой области в HTML, что означает, что параметры не отображаются прямо под элементом управления select.

Насколько я понял, мне нужно установить ViewEncapsulation на ShadowDom. Только так мой пользовательский элемент работал во всех браузерах. Поэтому для решения моей проблемы следует использовать ShadowDom. 

Component({
  selector: 'app-survey',
  templateUrl: './survey.component.html',
  styleUrls: ['./survey.component.css'],
  encapsulation: ViewEncapsulation.ShadowDom
})

<mat-form-field #ff>
    <mat-select placeholder="Auswahl ERP System" [(ngModel)]="erpSystem">
        <mat-option *ngFor="let choice of erpSystemAuswahl" [value]="choice">
                {{choice}}
        </mat-option>
    </mat-select>
</mat-form-field>

Я ожидаю, что параметры отображаются справа с элементом select. Как изменить поведение параметров, чтобы они отображались правильно?

...