Используя with-space: nowrap, мы можем ввести длинное предложение в одну строку с горизонтальной полосой прокрутки.Однако в Safari, если вы щелкнете и выделите текст с помощью мыши в одном направлении (влево или вправо), вы не сможете прокрутить начало или конец текста.Выбор в текущем окне ограничен, и горизонтальная полоса прокрутки не перемещается (в отличие от других браузеров).
.container {
position: relative;
width: 200px;
height: 50px;
margin: 0 auto;
}
#text {
width: 100%;
height: 100%;
white-space: nowrap;
}
<div class="container">
<textarea id="text" placeholder="Add something here">Long long long long sentence so many characters characters</textarea>
</div>
В моем примере выше, если вы щелкнете по полю, выберите и прокрутите до правой границы.Вы не дойдете до конца текста в Safari.Любое исправление или обходной путь?