Opened 11 years ago
Last modified 11 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 )
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 11 years ago by
| Owner: | set to Davewp196 |
|---|---|
| Status: | new → pending |
comment:2 Changed 11 years ago by
| Status: | pending → new |
|---|
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 11 years ago by
| 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 11 years ago by
| Milestone: | 1.9.0 → 2.0.0 |
|---|
comment:5 Changed 11 years ago by
| Status: | new → open |
|---|
Please follow the instructions in the red box and create a reduced test case in jsFiddle of jsbin.