Ticket #3480 (closed bug: fixed)

Opened 6 years ago

Last modified 6 years ago

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

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

comment:1 Changed 6 years ago by scott.gonzalez

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

comment:2 Changed 6 years ago by paul

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

Fixed in r968.

Note: See TracTickets for help on using tickets.