Skip to content

Календарь компонента zyfra-calendar выходит из области видимости.

Библиотека

  • @digital-plant/zyfra-components
  • @digital-plant/zyfra-ui
  • @digital-plant/zyfra-translate

Компонент

Название комонента или группы компонентов

Версия

Операционная система:

Windows 10, etc

Браузер:

Google Chrome Версия 99.0.4844.51 (Официальная сборка), (x86_64)

NodeJS:

➜ node --version
v14.19.0

Dependencies:

➜ npm ls @digital-plant/zyfra-components

@digital-plant/zyfra-components 0.3.0
➜ npm ls @angular/core

@digital-plant/sdk@0.0.2 /Users/rustamz/dev/zyfra/sdk
├─┬ @angular/animations@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/cdk@12.2.13
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/common@12.2.12
│ └── @angular/core@12.2.12 deduped
├── @angular/core@12.2.12
├─┬ @angular/forms@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser-dynamic@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/router@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @storybook/angular@6.3.12
│ └── @angular/core@12.2.12 deduped
├─┬ jest-preset-angular@10.0.1
│ └── @angular/core@12.2.12 deduped
└─┬ primeng@12.2.2
  └── @angular/core@12.2.12 deduped

Проект в котором используется КБ

Скрин / Видео проблемы

MicrosoftTeams-image

Описание проблемы

_Делаю задачу PLATFORM01-11938

Календарь компонента zyfra-calendar, скрывается за границами таблицы(см. скриншот). Если воспользоваться свойством appendTo="body", календарь полностью пропадает из зоны видимости. Элемент PrimeNG p-calendar работает при тех же условиях корректно.

  1. Добавить элемент таблицы
  2. В ячейку таблицы поместить компонент zyfra-calendar. Календарь частично скрывается за краями таблицы.
  3. Добавить на компонент zyfra-calendar свойство appendTo="body". Календарь вне зоны видимости.
Edited by Denis Sermyagin