I am faced with a challenge involving a dynamic jQuery draggable div that contains a nested resizable div.
Within the resizable div, there is a span element with text content.
While I can drag and resize the overall div successfully, I am unable to select/highlight the text within the span due to interference from the parent elements.
Although I can click on the text to trigger an alert, text selection remains elusive.
Could there be a simple solution that I'm overlooking in this scenario?
I have set up a demo on JSFiddle for reference. Feel free to interact with it here: http://jsfiddle.net/ARc7G/28/
Your assistance would be greatly appreciated as I navigate through this issue.
Here's the JavaScript code snippet:
function createtextbox(i, id, top, left, width, height, content,zindex,borderwidth,borderstyle,bordercolor,padding) {
// Implementation details go here
}
createtextbox('1', 'draggable', '15', '15', '300', '300', 'newtextarea','1','1','solid','#000000','3');
And the HTML section of interest:
<form id="frmMain" name="frmMain" enctype="multipart/form-data" method="post">
<div id="content"></div>
</form>