Bug Tracker

Modify

Ticket #9237 (closed bug: fixed)

Opened 3 years ago

Last modified 2 years ago

.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:
Blocking: Blocked by:

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/

Change History

comment:1 Changed 3 years ago by avaly2

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 for paddingLeft, paddingTop, etc.

Pull request including updated unit tests:  https://github.com/jquery/jquery/pull/375

comment:2 Changed 3 years ago by timmywil

  • Priority changed from undecided to blocker
  • Status changed from new to open
  • Component changed from unfiled to css
  • Milestone changed from 1.next to 1.6.2

comment:3 Changed 3 years ago by nticompass@…

It seems that relative values don't work on the 'left' property either.

See this StackOverflow question:  http://stackoverflow.com/q/5983034/206403

comment:4 Changed 3 years ago by avaly2

The left property works fine with the fix included in my pull request above.

comment:5 Changed 3 years ago by avaly

  • Status changed from open to closed
  • Resolution set to fixed

Landing pull request 375. Added test case to support #9237 Fixes #9237.

More Details:

comment:6 Changed 3 years ago by anonymous

$.animate() suffers from the same problems.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.