Это действительно странная проблема.
Я работаю над проектом реагирования, созданным с помощью приложения create-реагировать. В HTML-файл у меня есть:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>Playground</title>
</head>
<body>
<div>Lorem ipsum Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum</div>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
</body>
</html>
Теперь внутри тега body вы можете увидеть div с большим количеством текста lorem ipsum. Я проверяю этот div внутри браузера (Chrome). Я даю это 3 свойства:
width: 100px;
height: 100px;
overflow: scroll
и удивительно для меня, я не могу прокрутить через div. Очевидно, если я проверю это по-другому, т.е. создайте только html-файл (по старинке), вставьте туда тот же код, проверьте тот же элемент div, присвойте ему те же свойства с теми же значениями, которые он будет прокручивать, как и ожидалось. Надеюсь, это тривиальная проблема.