Custom time excell does not work properly with IE

Suite and Optimus Suite 5
#1

Months ago we wrote a custom excell for a time selection based on the example here:

docs.dhtmlx.com/doku.php?id=dhtm … le_excells

It has been working just fine, but recently we noticed that with IE 8 and higher, when the user edits the “hour” or “minute” cell, they cannot “select” the existing value with their mouse. Instead, they have to backspace over the existing value with the keyboard.

With FireFox, it works just fine.

We cannot figure out what the difference is… our code snippet for the edit function looks like this:

							this.cell.innerHTML="<select class='mainLabel' style='width:50px;'><option value='"+amString+"'>"+amString+"<option value='"+pmString+"'>"+pmString+"</select><input type='text' class='mainLabel' style='width:25px;'><input type='text' class='mainLabel' style='width:25px;'>"; // editor's html
							this.cell.childNodes[0].value=ampm;
							this.cell.childNodes[1].value=hour; 
							this.cell.childNodes[2].value=min;
	...
        ...
        ...					
						this.cell.childNodes[0].onclick=function(e){ (e||event).cancelBubble=true; }; //block onclick event
						this.cell.childNodes[1].onclick=function(e){ (e||event).cancelBubble=true; }; //block onclick event
						this.cell.childNodes[2].onclick=function(e){ (e||event).cancelBubble=true; }; //block onclick event

Any ideas what would cause this strange behavior and is there a workaround?

#2

Unfortunately the issue cannot be reconstructed locally.
Please, open ticket at support.dhtmlx.com and provide a complete demo where the issue can be reconstructed.