Side navigation
#9237 closed bug (fixed)
Opened May 11, 2011 01:23PM UTC
Closed May 13, 2011 04:12PM UTC
Last modified March 08, 2012 04:03PM UTC
.css() doesn't work with relative values on hyphenated properties
Reported by: | avaly2 | Owned by: | |
---|---|---|---|
Priority: | blocker | Milestone: | 1.6.2 |
Component: | css | Version: | 1.6 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
The .css() in 1.6 accepts relative values, but they only work on certain properties (width
, height
, probably any property without hyphen), and fails to work on hyphenated properties written in any of the 2 ways: padding-left
, paddingLeft
, padding-top
, paddingTop
, etc.
See test case: http://jsfiddle.net/7cB8j/2/
Attachments (0)
Change History (6)
Changed May 11, 2011 08:26PM UTC by comment:1
Changed May 11, 2011 08:56PM UTC by comment:2
component: | unfiled → css |
---|---|
milestone: | 1.next → 1.6.2 |
priority: | undecided → blocker |
status: | new → open |
Changed May 12, 2011 07:59PM UTC by comment:3
It seems that relative values don't work on the 'left' property either.
See this StackOverflow question: http://stackoverflow.com/q/5983034/206403
Changed May 13, 2011 07:47AM UTC by comment:4
The left
property works fine with the fix included in my pull request above.
Changed May 13, 2011 04:12PM UTC by comment:5
Changed July 01, 2011 09:52PM UTC by comment:6
$.animate() suffers from the same problems.
I went ahead and looked into this bug. It seems it was applying the new value without any unit, which works fine for
width/height
, but not forpaddingLeft
,paddingTop
, etc.Pull request including updated unit tests: https://github.com/jquery/jquery/pull/375