Scrollbar Not Always Visible in Firefox for a Div When Idle

I have a div that contains a scrollbar, and it works fine in most browsers. The scrollbar is always visible in Chrome, Opera, and Internet Explorer. However, in Firefox, the scrollbar disappears when the content is idle, and I need it to always remain visible.

Below I added my CSS styles for my 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;
}

I’ve tested this across different browsers:

Chrome: Always visible
Opera: Always visible
Internet Explorer: Always visible
Firefox: Scrollbar disappears when content is idle
How can I ensure that the scrollbar remains visible in Firefox even when the content is idle?

Any help would be appreciated!

Scroll bar is not visible
Scroll bar is visible

You need to sign in to view this answers

Related Post