DropDownList and modal Window

19 posts, 0 answers
  1. John
    John avatar
    4 posts
    Member since:
    Nov 2011

    Posted 30 Nov 2011 Link to this post

    Hi,

    I downloaded the new release today (upgrade from beta 2)...a new bug appears to have been introduced.

    I've created a modal Window and one of the controls in that window happens to be a DropDownList.  When I click to open the list, the Popup displays behind the window (see attached screen shot).  This occurs in all major browsers (ie/ff/chrome/safari)

    After a bit of inspecting, it looks like the z-index of the Popup (from the DropDownList) is less than the z-index of the Window, this explains it's positioning.  I can see that the popup code tries to set it's index to be greater than any of it's parents in the DOM, but since the modal Window is not one of the direct parents of the Popup, then it doesn't work.

    I've tried explicitly setting the z-index but that appears to get overridden by internal code in the Popup.

    Any ideas/suggestions/fixes would be greatly appreciated.

    John
  2. Cuinn
    Cuinn avatar
    13 posts
    Member since:
    Aug 2011

    Posted 30 Nov 2011 Link to this post

    Hi,

    Just wanted to say that I've also run into this bug.  Was all excited to transition to the release code and then ... broken.  Hoping that we can get a fix for this one soon.

    Oh, this also applies to the popup for datepickers and probably other popups as well.

    Cuinn.
  3. Kendo UI is VS 2017 Ready
  4. Dmitry
    Dmitry avatar
    121 posts
    Member since:
    Jul 2010

    Posted 01 Dec 2011 Link to this post

    Hello,
    Try find the popup div object and set it's z-index by adding .css("z-index", 9999999) to it. Might work.
  5. John
    John avatar
    4 posts
    Member since:
    Nov 2011

    Posted 01 Dec 2011 Link to this post

    Thanks for the suggestion Dmitry. 

    Unfortunately, explicitly setting the z-index of the Popup div doesn't work either.  The Popup code appears to override this internally every time that it's opened. 

    I also tried binding to the open event of the Popup control and setting the index there, but to no avail.

    John

  6. Bobby
    Bobby avatar
    1 posts
    Member since:
    May 2010

    Posted 03 Dec 2011 Link to this post

    I am having this same problem with Kendo drop downs used inside of a window.  Any update?
  7. Cuinn
    Cuinn avatar
    13 posts
    Member since:
    Aug 2011

    Posted 04 Dec 2011 Link to this post

    Ok.

    I've managed to get this working.

    There is a problem with the calculation of the z-index.  This occurs in the popup code.  Looking at the code I can see two problems.  One is that the loop that looks at the parents of the popup doesn't actually set anything (local var never does anything with higher level var) and also the loop is set to return false the first time (???).

    I have modified this so that the internal var updates the higher level zIndex var and also commented out the return false line.  It now works fine for me every time.  I can provide a fix for the minified version.  You will need to search for the following code and then replace it.

    Search for:

    if(!isNaN(b)){b=Number(b)+1;return!1}})

     Replace with:

    if(!isNaN(b)){if(b>=o){o=Number(b)+1}}})

    Mods, please let me know if it is not acceptable to post code in this form.  I have only posted the minified version (as all should have access to this via the GPL download).  Keep in mind that this is not official and I am not a member of the KendoUI team.  This comes with a big "use at own risk" warning.  As soon as the next release of kendo comes out this should not be a problem anymore.

    Regards,
    Cuinn.
  8. Cuinn
    Cuinn avatar
    13 posts
    Member since:
    Aug 2011

    Posted 04 Dec 2011 Link to this post

    Small error in the code to search for has been fixed.  Sorry about that.

    Regards,
    Cuinn.
  9. Bobby
    Bobby avatar
    1 posts
    Member since:
    May 2010

    Posted 04 Dec 2011 Link to this post

    Thanks Cuinn, that fix works for me too!
  10. PPCnSEO
    PPCnSEO avatar
    16 posts
    Member since:
    Nov 2011

    Posted 05 Dec 2011 Link to this post

    Can also confirm that this fix works.

    Can an admin please update this thread when the fix makes it into the weekly or minor builds.
  11. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 06 Dec 2011 Link to this post

    Hello,

    Sorry for the delayed response. We have traced down the problem, and fixed it. Unfortunately, we did not discover any workaround apart from patching the code itself.

    If you need this issue fixed, open a support ticket - I will provide an internal build.   

    All the best,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  12. Dmitry
    Dmitry avatar
    121 posts
    Member since:
    Jul 2010

    Posted 06 Dec 2011 Link to this post

    May we have it without posting a support ticket please?
    Thank you.
  13. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 07 Dec 2011 Link to this post

    Hello Dmitry,

    Our policy states that we provide internal builds only to paying customers. The internal build, which provides the fix will be available early next week. You can download it from the "Download and Menage products" page. If you are in a hurry, you can use the fix mentioned earlier in this thread.

    Regards,
    Georgi Krustev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  14. zenit1
    zenit1 avatar
    12 posts
    Member since:
    Jun 2008

    Posted 11 Dec 2011 Link to this post

    Cuinn, thanks a lot. It works great
  15. John
    John avatar
    4 posts
    Member since:
    Nov 2011

    Posted 14 Dec 2011 Link to this post

    Thanks Cuinn, your fix did the trick.
  16. Cuinn
    Cuinn avatar
    13 posts
    Member since:
    Aug 2011

    Posted 18 Dec 2011 Link to this post

    Hi,

    There's a fix for this that's now available (although it doesn't seem to be available via the account download yet).  Dimo linked it in the Window control forum http://www.kendoui.com/forums/ui/window/window-z-index-behaviour-issues.aspx

    Looks like it should do the trick.

    Regards,
    Cuinn.
  17. Drew
    Drew avatar
    5 posts
    Member since:
    Jun 2012

    Posted 25 Jun 2012 Link to this post

    After you open the window, use something like this

                $("#ID_OF_WRAPPING_ELEMENT").find(".k-dropdown").each(
                    function (e) {
                        this.style.display = "";
                    });

  18. David
    David avatar
    4 posts
    Member since:
    Jun 2012

    Posted 25 Nov 2012 Link to this post

    I'm experiencing the very same problem. All values passed to the dropdownlist are ok, Values are available in the dropdown box by using the up/down arrow keys. But dropdown list is not expanding - has a fix been deployed? I have the Q2 2012 install.
  19. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 26 Nov 2012 Link to this post

    Hello David,

     
    Here is a quote of the anwer I posted to the support ticket opened on the same subject:

    The described problem is not a known issue. I prepared a simple test project to reproduce the problem, but everything works on my end as expected. Could you check it and let me know if the problem is reproducible on your end? It will be very helpful to modify the test project in order to replicate the problem. Thus it will be easier for us to continue with the investigation.

    I will suggest you continue our discussion in the support thread to avoid any duplications.

    All the best,
    Georgi Krustev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  20. Elena
    Elena avatar
    6 posts
    Member since:
    Oct 2012

    Posted 29 Nov 2012 Link to this post

    Georgi,
    this bug was not fixed completely.
    See here: http://www.kendoui.com/forums/ui/dropdownlist/dropdownlist-in-window-issue.aspx
    There is an example in jsFiddle.
Back to Top
Kendo UI is VS 2017 Ready