Со стороны юзера:
Нормально подстраиваются под экран, отзывчивые
Нельзя скроллить страницу на фоне
Можно модалку, если не влезает
Фокус устанавливается в них и восстанавливается в исходное место после закрытия
Закрываются на клик снаружи / Esc
При Enter всегда подтверждающее действие запускается, или его аналог

Со стороны веб-обезьяны:
Не рендерятся в дереве, код рендера не срабатывает до открытия
Можно легко прикручивать анимации и они полностью выполняются
Колбеки на любые события
Удобное апи, нет лишних действий
Возможность либо навесить какой-то дефолтный дизайн (желательно чтобы было несколько вариантов под выбор), чтобы это все в бандл еще не шло
Либо сделать свой с нуля без ебли со всякими emotion
Я бы еще хотел чтобы был доступ к низкоуровневому апи, где например можно вызвать модалку из любого места, без рендера <Modal>, чтобы можно было написать оберток над этим и вызывать асинхронно в логике, получая промис

Может еще что-нибудь упустил)

Чтобы с любыми устройствами еще работало, тач и все прочее

Вот этот код без useEffect() не работает и значение всегда будет 'G':

const [defaultValue, setDefaultValue] = useState<string>('G');

 const setHintValue = (value: string) => {
   setDefaultValue(value);
 };
но если изменить 'G' на '', то будет работать

Нельзя скроллить страницу на фоне - особенно на ios-е🌚

Желательно чтобы анимации и стили предоставлялись как отдельные штуки, которые можно в большинстве случаев просто импортировать и вставить в метод инициализации либы

Ну это исключение))

айос одно большое исключение🌚

Не рендерятся в дереве - почему это плохо?
Не рендерятся в дереве - через порталы?

ну я нормальный человек, я сафари не юзаю на маке))

IOS шож такое

Это не только от браузера зависит?)

не только

Мне ток с сафари жаловались

В смысле вообще пока не вызвал модалку - ее нет в dom

ох...

а что ты выводишь?

Двумя стейтами делается

Плохо потому что зачем лишнее в дереве? И еще в некоторых либах из-за этого код рендера срабатывает, и приходится страдать со всякими анимациями и прочим)

А если не рендерится контент то это обертка которая висит в дереве по приколу
А если ее неправильно написали, она еще в сео может попасть по кайфу

а есть какое-то адекватное решение этого?) а то я помню вроде бы просто на body навешивал класс с overflow: hidden