overflow-y: auto; giving black screen in every browser in windows but working fine in mac

Question

.stack-view {
    /* clr-stack-view-color */
    color: #666666;
    color: var(--clr-stack-view-color, #666666);
    font-size: 0.65rem;
    font-weight: 400;
    line-height: 1.2rem;
    letter-spacing: normal;
    margin-top: 0;
    border-width: 0.05rem;
    border-style: solid;
    /* clr-stack-view-border-color */
    border-color: #cccccc;
    border-color: var(--clr-stack-view-border-color, #cccccc);
    /* clr-stack-view-border-radius */
    border-radius: 0.15rem;
    border-radius: var(--clr-stack-view-border-radius, 0.15rem);
    overflow-y: auto;
    /* clr-stack-view-bg-color */
    background-color: #fafafa;
    background-color: var(--clr-stack-view-bg-color, #fafafa);
    word-wrap: break-word;
    /*
      Styles specific to inputs used in a stack view
    */
    /*
      Styles specific to stack views used in a modal
    */
  }

please help me with this CSS prob, not very good with it

using this stack-view CSS but giving a blank black screen in windows at all browsers but working fine in mac.

overflow-y: hidden removes the black screen but the scroll is not there.