Paste at Cursor, using custom RadComboBox trouble in IE

[Frank]

Hi,

 

We’re facing some problems Replacing the Custom DropDown of the RadEditor with a RadComboBox so users have the ability to type/find their item. When you click a couple of items from the dropdown at startup, all goes well.  But when you type “Sec” for instance (to search for the “Second item”) and click that one with the mouse, it will be placed at the beginning of the RadEditor.

After having typed, finding another item goes very strange aswell.

 

The problem arises in Internet Explorer. In Chrome it seems to be workable.

How would we solve this issue for our main users, using IE ?

I've seen this recent post which was the same, besides having the ability to type/search the combobox.

 

I’ve attached a demo application including the scenario. We’re using Telerik version 2013.1.305.40:
http://www.gildebt.nl/RadEditor.rar

 

Yours,

 

Frank van den Essen

[Rumen]

Hello Frank,

I was able to fix the problem by disabling the filtering by deleting the Filter="Contains" property and executing the following line:

$telerik.$("*", sender.get_dropDownElement()).attr("unselectable", "on");

in the OnClientItemsRequested and OnClientSelectedIndexChanged events.

You can implement the searching functionality in the combobox header using the load on demand feature of the control.


All the best,
Rumen
the Telerik team

[Frank]

Hi Rumen,

Thanks for the answer.

This seems indeed to be a step in the right direction. The only thing failing now is when you use the Key Down/Up arrow after typing.
So type something and then move the arrow down to select the second or third item. It then pastes die selected item still at the beginning.
Any chance this could be solved aswell ?

Thanks in avanced,
Frank

[Rumen]

Hello,

Inspect whether all of the dropdown items have applied unselectable="on" to them. This is the only way to prevent the IE browser behavior to still the selection in the iframe content area.

Another approach is to test with DIV content area by setting the ContentAreaMode property to DIV.

If this does not work too, you will need to disable the typing in the dropdown header.

Kind regards,
Rumen
the Telerik team