slideUp/slideDown clobbers inline overflow-x/y

[tonyt]

To demostrate the problem here is the example code:

<div id="mydiv" style="overflow-x:auto;overflow-y:hidden;width: 50px;height:50px;"> Put some data here so that we have horizontal scrollbar </div>

When we apply slideUp and then slideDown to the div element the overflow-x and overflow-y are removed and we lost the styling.

[dmethvin]

Most likely because fx changes the overflow property as a whole, but you have overflow-x and overflow-y set as an inline style on the element. If you set those two css properties using a style sheet, it works as intended.

The jQuery animation could try setting the two overflow properties separately, but they're not supported on all platforms are they?

[dmethvin]

Example of working overflow-x/y using stylesheet

[tonyt]

Replying to dmethvin:

Most likely because fx changes the overflow property as a whole, but you have overflow-x and overflow-y set as an inline style on the element. If you set those two css properties using a style sheet, it works as intended.

The jQuery animation could try setting the two overflow properties separately, but they're not supported on all platforms are they?

Hello, Thank you for the answer. Yes it works this way, but here is anothe issue. Using my example with inline setted overflow-x overflow-y when apply hide and the show - all is ok, but when we set hide and then show(param) where param is one of - slow, normal, fast - the div brakes again. Why in first case it works, but in othere does not?

P.S It seems that overflow-x overflow-y are supported of all browsers that jQuery support (except maybe Opera 9.25) Here is the link ​http://code.google.com/p/doctype/wiki/OverflowXCSSProperty ​http://code.google.com/p/doctype/wiki/OverflowYCSSProperty

Thank you Best Regards Tony

[timmywil]

This has been fixed. ​http://jsfiddle.net/timmywil/wuQSS/

[timmywil]

#7160 is a duplicate of this ticket.