Чтобы устранить проблему с прокруткой в поле ввода, вам нужно убедиться, что текст в поле не выходит за его пределы. Использование `overflow: hidden` и `white-space: nowrap` может не сработать по нескольким причинам. Вместо этого можно настроить стили таким образом, чтобы текст корректно отображался без скролла.
Я не могу открыть вашу ссылку, но я могу предложить подход, который может помочь:
1. Убедитесь, что вы используете `overflow: hidden`, но также добавьте `text-overflow: ellipsis;` для отображения многоточия, когда текст выходит за пределы.
2. Убедитесь, что ширина вашего input задана корректно и что ширина элемента позволяет тексту помещаться в нем.
3. Проверьте, что у вас установлены правильные значения для `padding` и `border`, чтобы они не увеличивали размеры поля.
Вот пример CSS:
```css
input {
width: 200px; /* Установите нужную ширину */
padding: 10px;
border: 1px solid #ccc;
white-space: nowrap; /* Не перервать текст */
overflow: hidden; /* Скрывает переполнение */
text-overflow: ellipsis; /* Показывает многоточие, если текст слишком длинный */
}
```
Если же вы хотите, чтобы текст автоматически переносился на следующую строку и не было скролла, используйте `white-space: normal;`.
Вот так будет выглядеть ваш CSS, чтобы текст всегда оставался в пределах поля:
```css
input {
width: 200px; /* Задайте желаемую ширину */
padding: 10px;
border: 1px solid #ccc;
white-space: normal; /* Переход текста на следующую строку */
overflow-wrap: break-word; /* Позволяет разрывы слов, если текст слишком длинный */
}
```
Попробуйте эти стили и посмотрите, устраняет ли это проблему. Если проблема все еще остается, пожалуйста, предоставьте дополнительную информацию о вашем коде или стилях, чтобы я мог помочь вам лучше.