Opened 7 years ago

Closed 7 years ago

#3480 closed bug (fixed)

Resizable css cursor not getting applied

Reported by: paranoidsponge Owned by: eduardo
Priority: critical Milestone: 1.7
Component: ui.resizable Version: 1.6rc2
Keywords: Cc:
Blocked by: Blocking:

Description

When changing the CSS of a resizable element like so:

.ui-resizable-s { cursor: ns-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url('../images/resizable-s.png') repeat scroll center top; }

the cursor keeps jumping back and forth between what's specified in the CSS and what's in the JS file.

This can be tested on the resize demo page (http://dev.jquery.com/view/tags/ui/latest/demos/functional/#ui.resizable) and changing the cursors in file flora.resizable.css using Firebug.

I got around that by changing line 309-310 of ui.resizable.js to:

if (o.preserveCursor) {
    var cursor = $('.ui-resizable-' + this.axis).css('cursor');
    $('body').css('cursor', cursor);
}

Change History (2)

comment:1 Changed 7 years ago by scottgonzalez

  • Milestone changed from TBD to 1.6
  • Priority changed from minor to critical

comment:2 Changed 7 years ago by paul

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

Fixed in r968.

Note: See TracTickets for help on using tickets.