Bug Tracker

#3986 closed bug (fixed)

Opened January 24, 2009 07:07PM UTC

Closed April 17, 2011 07:32PM UTC

Last modified April 17, 2011 08:26PM UTC

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)
  • test-3986.html (0.9 KB) - added by dmethvin January 25, 2009 07:03PM UTC.

    Example of working overflow-x/y using stylesheet

Change History (6)

Changed January 25, 2009 07:02PM UTC by dmethvin comment:1

owner: → flesler
summary: slideUp/slideDown problem → slideUp/slideDown clobbers inline overflow-x/y

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?

Changed January 26, 2009 10:00AM UTC by tonyt comment:2

Replying to [comment:1 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

Changed October 14, 2009 12:32AM UTC by dmethvin comment:3

component: unfilled → fx
milestone: 1.3.2
version: 1.3.1 → 1.3.2

Changed November 19, 2010 01:58AM UTC by dmethvin comment:4

priority: major → low
status: new → open

Changed April 17, 2011 07:32PM UTC by timmywil comment:5

milestone: → 1.next
resolution: → fixed
status: open → closed

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

Changed April 17, 2011 08:26PM UTC by timmywil comment:6

#7160 is a duplicate of this ticket.