Полоса прокрутки не всегда видна в Firefox для элемента Div в режиме ожидания ⇐ CSS

[Anonymous]

У меня есть элемент div, содержащий полосу прокрутки, и он отлично работает в большинстве браузеров. Полоса прокрутки всегда видна в Chrome, Opera и Internet Explorer. Однако в Firefox полоса прокрутки исчезает, когда контент бездействует, и мне нужно, чтобы она всегда оставалась видимой.
Ниже я добавил стили CSS для своего DIV

Код: Выделить всё

CSS

Код: Выделить всё

.transcript-container {
max-height: 250px;
overflow-y: auto;  /* I want the scrollbar to always be visible */
padding: 15px;
background-color: #f8f9fa;
border: 1px solid #dee2e6;
margin-top: 15px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
border-radius: 8px;
text-align: justify;
}

Я тестировал это в разных браузерах:
Chrome: всегда видно
Opera: всегда видно
Internet Explorer: Всегда видима
Firefox: полоса прокрутки исчезает, когда контент бездействует.
Как я могу гарантировать, что полоса прокрутки останется видимой в Firefox, даже когда контент бездействует?
Любая помощь будьте признательны!
Полоса прокрутки не видна
Полоса прокрутки видна

Подробнее здесь: https://stackoverflow.com/questions/791 ... -when-idle