[Solved] Menu items (child) moving if combobox clicked before page load

[Kevin M]

Hi all, I'm having a bit of a strange problem (albeit minor) in which if the ComboBox is clicked before a page is finished loading, the menu opens up in the bottom right corner of the page as apposed to under the combobox as it should be.  I'm wondering if this is a documented issue or if it is something that should be fixable on my end.  This isn't a major issue as our clients would really have to WORK to click the combobox box before the page loads and still the combobox still functions, however I'd really like to fix this problem if possible!

Thank you!

[Schlurk]

I wasn't able to reproduce this on my end (maybe I'm growing too old and my reflexes are too slow :|) Have you tried taking an online demo and reproducing the behavior there? It could be something with the versions of the controls, or perhaps the way you're implementing it (the demos are pretty simple so it might be some complexity issue). What browsers have you seen the behavior in?

[Kevin M]

I was unfortunately NOT able to reproduce the problem on the demo site - that said, it could because I'm not quick enough to click the drop down before it loads ;)

Does anybody know if it is possible to disable the dropdown until the page has loaded?

[Kevin M]

An update:

After some more testing, it looks like this problem is only reproducible in Firefox, and only on certain pages.  I'm going to look into it more, but I'd be interested to know if any Firefox users have had similar problems, or if there are any similar documented cases.

Thanks again!

[Simon]

Hello Kevin M,

Can you prepare a simple page on which the issue can be reproduced and paste the code here so that we investigate it?

As a workaround you can handle the client-side DropDownOpening event and cancel it if the document is not loaded yet. Here is the code:

function onDropDownOpening(sender, eventArgs) {
    eventArgs.set_cancel(!documentIsReady);
}

var documentIsReady = false;

$telerik.$(document).ready(function() {
    documentIsReady = true;
});

Greetings,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.