How do you determine the initial width of a draggable().resizable() div, after just instantiating it, without doing anything else to it? The div contains text, and it is obvious that jQuery must know its own width, or else (presumably) the resizable borders would not be perfectly flush with the text.
I have drilled down into the $(id)[0] object, including all childNodes, looking for any “width” property which may be useful ($ (id).width(), style.pixelWidth, clientWidth, posWidth, scrollWidth, offsetWidth, etc.). (This may not be a complete list of “width” properties, but I assure you I have looked through EVERY property that looks like it would represent a width of any kind.) What I’m seeing is that these various “width” properties are either zero, a blank string, or have some useless value, such as clientWidth = 7 (pixels), which is way wrong because I can see that it is more like 100. To add another layer of complexity, the div I'm talking about happens to be a child of a draggable() div. $(child).width() is curously equal to the width of its parent container. So for example, $(child).width() = 192 and $(parent).width() = 192, yet the border of $(child) is wrapped tightly around its text, which is populated dynamically and can be any width, which is most of the time STRICTLY LESS THAN the width of the parent. I have put breakpoints on every line in the jQuery code where the string “width” occurs (whole word or any part of a word) and none of these get hit during instantiation (or none of the lines where a variable could be equal to the string “width” get hit with said variable equal to “width”). So I can’t tell when/if jQuery ever explicitly sets/gets a width property at any time. As a workaround, I have found that if I manually resize the div, then look at the style.pixelWidth, then and only then does it give me a valid width property. Any other ideas on how to do this without requiring manual resizing of every single text-containing draggable().resizable() div? -- 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.
