Toolbar: Can't select text in Input feild on toolbar

Suite and Optimus Suite 5
#1

I have a toolbar with an input field on it. I want the user to be able to select the text in the toolbar and currently it doesn’t seem that the toolbar supports that out of the box. I checked out their samples and they also do not allow drag selecting. Can anyone confirm my results and/or suggest a method for rectifying this easily?

Only off the top of my head method I could think of is getting drag and mouse up/down events and making my own state machine. It gets worse then that though because I would need to figure out based off the location of the mouse what characters to select. I really don’t wanna have to worry about fonts and all that.

Another idea I had was maybe not to use the Input field provided but instead use an html input tag since they support this feature.

Edit: Found this issue is only in Firefox. It does work in IE.

#2

What toolbar version do you use ? The problem doesn’t occur with the one from the latest Suite package on our website.

#3

Hi,

I answer this old topic because we experiment the same problem.
We use Toolbar V2.1 and we use addText method to add text and an input HTML field. All is working good, but we can not select the text written in it.

We found that editing the file dhtmlxtoolbar.js and replacing :

this.obj.onselectstart = function(e) {e = e||event;e.returnValue = false}

by

this.obj.onselectstart = function(e) {e = e||event;e.returnValue = ((event.srcElement.nodeName == "INPUT"))}

works very good.