search

AdmiralDS / react-ui

Сторибук компонентов React на основе дизайн системы Адмирал 2.1
https://AdmiralDS.github.io/react-ui/
MIT License
40 stars 13 forks source link

Проблемы при высчитывании ширины заголовка #1530

Open abelgibayev opened 1 week ago

abelgibayev commented 1 week ago

При использовании calc для вычисления ширины колонок есть проблема. При увеличении масштаба страницы, либо изменении размера контейнера таблицы в меньшую сторону (нужен пересчет с уменьшением ширины) в консоли появляется ошибка ResizeObserver loop completed with undelivered notifications.. Также, если сумма широт колонок равна 100%, то пересчет не происходит

kateviditory commented 1 week ago

Добрый день!

@abelgibayev Для того, чтобы взять баги в работу, нужны примеры их воспроизведения.

Я попробовала сейчас воспроизвести как минимум 2й описанный вами баг, но проблемы с пересчетом ширины колонок не наблюдаю. Вот мой пример в песочнице https://stackblitz.com/edit/github-lkeniu?file=src%2Ftable%2Fexample1.tsx Плюс у нас в сторибуке есть вот такой пример https://admiralds.github.io/react-ui/?path=/story/admiral-2-1-data-table-table--column-width-example, в нем как раз одна из колонок имеет ширину, заданную через calc. Пробовала менять масштаб страницы и уменьшать размер таблицы через devtools, но ошибку это не вызывает.

Поэтому создайте, пожалуйста, в песочнице (https://stackblitz.com/github/AdmiralDS/web-app-vite-admiral?file=src%2FApp.tsx) примеры воспроизведения этих двух багов на последней версии библиотеки.

Предположу, что возможна проблема в версии библиотеки, похожие проблемы с ResizeObserver фиксились в версии 8.2.0, может у вас на проекте более старая версия

abelgibayev commented 4 days ago

Извиняюсь за долгий ответ. Проблема разрешилась переписыванием layout с grid на flex. Воспроизвести не удалось, но в качестве наводки могу подсказать, что использовались grid-template-rows со значениями в minmax(0, 1fr), внутри которых рендерилась таблица. Сейчас всё в порядке, спасибо за пример!