'CSS overflow-x & overflow-y properties

Why setting the css below:

overflow-x: visible;
overflow-y: hidden;

But inspected by getComputedStyle() i got:

const {overflowX, overflowY} = getComputedStyle($0);
overflowX === 'auto'
overflowY === 'hidden'

Where the auto coming from? Why not visible as set in css?

javascript css

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source