Opened 7 years ago

Last modified 6 years ago

#8238 open bug

Resizable: auto-wrapped elements should inherit zindex

Reported by: Davewp196 Owned by: Davewp196
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.8.18
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by Scott González)

I have two overlapping images within a division. I can make the second image ("logo") draggable, but when I make the image resizable, it drops behind the first image and I cannot resize the image.

Use case: As an editor, I want to be able to drag and resize an image within the constraints of an outer-division, using the mouse, so that I can correctly and easily see where to position an image.

Change History (5)

comment:1 Changed 7 years ago by Scott González

Owner: set to Davewp196
Status: newpending

Please follow the instructions in the red box and create a reduced test case in jsFiddle of jsbin.

comment:2 Changed 7 years ago by Davewp196

Status: pendingnew

Please see http://jsfiddle.net/davewp196/GZAwE/11/

In the example, the smaller jsfiddle logo is hidden after calling the resizable method is called, and draggable method no longer works.

comment:3 Changed 7 years ago by Scott González

Description: modified (diff)
Summary: zindex is not respected.Resizable: auto-wrapped elements should inherit zindex

Images ( and form controls) need to be wrapped in a div in order to be made resized. Make the image resizable, then make its parent draggable and set its zIndex. See http://jsfiddle.net/GZAwE/12/

comment:4 Changed 6 years ago by Scott González

Milestone: 1.9.02.0.0

comment:5 Changed 6 years ago by tj.vantoll

Status: newopen
Note: See TracTickets for help on using tickets.