overflow-x: visible; doesn't work with overflow-y: auto; any workaround? [duplicate]

Question

This question already has an answer here:

• CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue 6 answers

i am trying

.item {
   width: 100px;
   overflow-x: visible;
   overflow-y: auto;
}

But vertical overflow:auto seems to override horizontal's

fiddle: http://jsfiddle.net/xcUTV/

Is there any workaround for this? even with a bit of javascript

Answer 1

You cannot, that is written in the spec.

Have a look here : https://stackoverflow.com/a/6433475/1343096

Since it is written in the spec, I am 99% sure that it is impossible to do.