How to fix CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue?

To fix CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue, we change the overflow-x and overflow-y properties.

For instance, we write

div {
  overflow-x: visible;
  overflow-y: clip;
}

to set overflow-y to clip to stop extra vertical scrollbar from showing in the wrapper element.