Вопросы React Frontend Developer

text-overflow: ellipsis добавляет многоточие в конце текста, который не помещается в контейнер. Для его работы обязательно задать overflow: hidden (или другое значение, кроме visible) и white-space: nowrap (чтобы текст не переносился). Также нужно указать фиксированную ширину контейнера.

Проблема overflow возникает, когда выпадающий список выходит за границы родительского контейнера. Решить её можно с помощью CSS-свойства overflow: visible на родителе, использования порталов React (ReactDOM.createPortal) для рендеринга списка вне контейнера, или применения библиотек типа Popper.js для динамического позиционирования. Также помогает установка z-index и проверка границ экрана.