Угловая позиция материала - PullRequest
Новая
       26

Угловая позиция материала

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

Мне интересно, есть ли шанс заставить указатель даты всегда показывать данные ниже.Я не хочу, чтобы указатель даты открывался в зависимости от того, где я нахожусь на странице (вверху или внизу).Я хочу, чтобы указатель даты всегда располагался под вводом, несмотря ни на что.Есть предложения?

пример со страницы материала:

https://stackblitz.com/angular/qxybbyroank?file=app%2Fdatepicker-overview-example.ts

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

1 Ответ

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

Если вы действительно не заботитесь о том, чтобы Datepicker был вырезан в конце страницы, тогда вам просто нужно внести небольшие изменения в ваш CSS. 

.cdk-overlay-connected-position-bounding-box {
    position: relative !important;
}

Взгляните на этот рабочий пример: https://stackblitz.com/edit/angular-bhkmby

...