Search code examples
jqueryjquery-uiresizable

jQuery UI 1.8.13 resizable() icon not showing


In both jQuery 1.8.12 and 1.8.13 i no longer get the se handle icon which gets placed at the bottom right of the element to indicate this element is resizable.

Check http://jsfiddle.net/wYcWU/

If you switch the 1.8.13 to 1.8.11 then it works.


Solution

  • It looks like in both 1.8.12/13 they added background-image:url(data:); to fix an IE issue as per ticket http://bugs.jqueryui.com/ticket/7233. Looking at firebug i see that .ui-resizable-handle is overriding the png background image of ui-icon which is the sprite image that is responsible for showing the se icon. This is definitely a bug. Check attached firebug screenshot.

    It does work in the base theme as per Ali's answer because ui-icon is overriding ui-resizable-handle and not vise versa. So it's a theme issue.

    enter image description here