[BUG] @prizm-ui/components/tabs - Табы (prizm-tabs) расположены на панели (prizm-panel). При изменении масштаба браузера (уменьшении) появляется меню

alevya commented 10 months ago

Библиотека

Выберите нужное отметив галочку [x]

[ ] @prizm-ui/core
[x] @prizm-ui/components
[ ] @prizm-ui/install
[ ] @prizm-ui/icons
[ ] @prizm-ui/flag-icons
[ ] @prizm-ui/theme
[ ] @prizm-ui/charts
[ ] @prizm-ui/ast
[ ] @prizm-ui/nx-plugin

Компонент

PrizmTabsComponent

Версия

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

Windows 10, etc

Браузер:

Google Версия 119.0.6045.106 (Официальная сборка), (64 бит)

NodeJS:

➜ node --version
v16.20.1

Dependencies:

➜ npm ls @prizm-ui/components

@prizm-ui/components@1.8.0

➜ npm ls @angular/core

 @angular/animations@14.3.0
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/cdk@14.2.7
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/common@14.3.0
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/compiler@14.3.0
│ └── @angular/core@14.3.0 deduped
├── @angular/core@14.3.0
├─┬ @angular/elements@14.3.0
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/forms@14.3.0
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/material@14.2.7
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/platform-browser-dynamic@14.3.0
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/platform-browser@14.3.0
│ └── @angular/core@14.3.0 deduped
├─┬ @angular/router@14.3.0

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

Название проекта

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

Bug_Prizm_tabs

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

Табы расположены на панели. При уменьшении масштаба браузера последний таб обрезается и появляется меню несмотря на то, что место позволяет отображать табы полностью. Проблема плавающая.

AndreySZyfra commented 8 months ago

у баги есть похожее (но очень странное) поведение для данных { title: 'Вкладка 1', }, { title: 'Вкладка 2', }, { title: 'Вкладка 3', }, { title: 'Вкладка 4', }, { title: 'Вкладка 5', }, { title: 'Вкладка 6', }, { title: 'Вкладка 9', },

появляется переполнение, хотя всё убирается в экран

{ title: 'Вкладка 1', }, { title: 'Вкладка 2', }, { title: 'Вкладка 3', }, { title: 'Вкладка 4', }, { title: 'Вкладка 5', }, { title: 'Вкладка 6', }, // { // title: 'Вкладка 9', // }, { title: 'Вклашка 9', }, { title: 'tabname 8', },

но если убрать последний элемент, и заменить на 2 (!!!) то переполнения нет

alexhawkins94 commented 8 months ago

на витрине на 100% нет переполнения chrome_nYWKSVqO5e

на витирине на 90% масштаба появляется chrome_VIqdY78ycV

zyfra / Prizm