I have posted this topic several times already and cannot seem to get any replies, so here's another attempt.
I am having trouble getting a draggable().resizable() div to conform to the size of the content within it. Instead, the draggable ().resizable() child div assumes the width of the parent div (which happens to be a draggable() if that makes any difference). Then when I grab the east resize handle of the child div and move to the left, the border of the child div jumps over to where it should have started. The mouse is still over at the far right, just over the right edge of the parent div. As a troubleshooting step, I have tried removing the draggable() from the child div and the problem went away, but I cannot have that. I need child divs to be both draggable and resizable. If anyone is interested, please take a look at the following demo site: http://64.122.151.45/CBOnline_TEST/index.htm Steps to Reproduce: 1. Since this is just a small part of a larger product, and since this is in a "debug mode", you will go to this initial page, which will then need to pop up a new browser window. In the new window... 2. Check one of the expanded checkboxes in the treeview. This will append a number of draggable().resizable() child divs to the parent draggable() div in the right pane. 3. Notice how all the child divs are as wide as the parent. 4. Grab the east resize handle for the image (for example) and move it to the left. Notice how (1) the child's border jumps to the left and (2) all the divs underneath the image jump up. Any ideas? Is this a bug? Are there any workarounds? Thanks, bluetrain --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
