I have added a div element to a DOM. The div has a scrollbar. But the scrollbar is not "scrollable" for w/e reason.

CSS of the div element with the scrollbar:

#consoleLogOutputDiv {
    padding: 5px;
    position: absolute;
    right: 15px;
    margin-top: 125px;
    margin-bottom: 5px;
    height: 75%;
    background: rgb(31, 179, 184);
    color: rgb(0, 0, 0);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow-y: scroll;
    box-shadow: 5px 5px 10px 1px #000;
    border: 5px solid #000;
    border-radius: 20px;
}

The scrollbar is there, but not scrolling. Neither when I use my mouswheel nor when I click in the scrollbar.