ng-persian-datepicker толкает другие элементы вниз при открытии - PullRequest
Новая
       62

ng-persian-datepicker толкает другие элементы вниз при открытии

0 голосов
/ 11 июля 2020

Я использую этот пакет ( ng-persian-datepicker ) в моем Angular проекте для преобразования григорианского datepicker в jalali datepicker.

Проблема в том, когда datepicker открытая, она толкает вниз все остальные элементы. Но я хочу, чтобы он открывался поверх других элементов, а не sh их вниз.

Это форма перед открытием datepicker:

Изображение формы перед открытием datepicker

Это форма после открытия datepicker:

Изображение формы после открытия datepicker

Это мой html ввод datepicker: 

<div id="dateOfBirth">
      <mat-label
        >{{
          'kyc.personal_information.date_of_birth' | icmLocale
        }}
        (MM/DD/YYYY)</mat-label
      >
      <mat-form-field appearance="outline">
        <input
          type="text"
          placeholder="01/21/1900"
          matInput
          #datepickerInput
          name="dateOfBirth"
          formControlName="dateOfBirth"
          (click)="datepickerInput.open()"
          (focus)="hideError()"
        />
        <ng-persian-datepicker
          [input]="datepickerInput"
          [uiTheme]="'dark'"
          [timeMeridian]="false"
          [timeEnable]="false"
          [dateFormat]="'jYYYY/jM/jD'"
        ></ng-persian-datepicker>
      </mat-form-field>
</div>

EDIT :

Я исправил проблему, добавив следующий код css: 

::ng-deep ng-persian-datepicker .datepicker-outer-container {
        position: absolute;
        width: 300px;
        top: 43px;
        right: -10px;
        z-index: 1000;
        background-color: $icm-dark-deep;
      }
...