#3986 closed bug (fixed)
slideUp/slideDown clobbers inline overflow-x/y
Reported by: | tonyt | Owned by: | flesler |
---|---|---|---|
Priority: | low | Milestone: | 1.next |
Component: | effects | Version: | 1.3.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
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.
Attachments (1)
Change History (7)
comment:1 follow-up: 2 Changed 14 years ago by
Owner: | set to flesler |
---|---|
Summary: | slideUp/slideDown problem → slideUp/slideDown clobbers inline overflow-x/y |
Changed 14 years ago by
Attachment: | test-3986.html added |
---|
Example of working overflow-x/y using stylesheet
comment:2 Changed 14 years ago by
Replying to dmethvin:
Most likely because fx changes the
overflow
property as a whole, but you haveoverflow-x
andoverflow-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
comment:3 Changed 13 years ago by
Component: | unfilled → fx |
---|---|
Milestone: | 1.3.2 |
Version: | 1.3.1 → 1.3.2 |
comment:4 Changed 12 years ago by
Priority: | major → low |
---|---|
Status: | new → open |
comment:5 Changed 12 years ago by
Milestone: | → 1.next |
---|---|
Resolution: | → fixed |
Status: | open → closed |
This has been fixed. http://jsfiddle.net/timmywil/wuQSS/
Most likely because fx changes the
overflow
property as a whole, but you haveoverflow-x
andoverflow-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?