Destroying and recreating Toolbar causes Splitbutton expansion problem

3 posts, 1 answers
  1. Rich
    Rich avatar
    11 posts
    Member since:
    Sep 2016

    Posted 20 Apr 2017 Link to this post

    Destroying and recreating a Toolbar in the same DOM element causes problem with Splitbutton expansion via keyboard.  To reproduce:

    1.  Create a toolbar with a splitbutton.  Using the keyboard, tab to the splitbutton and use alt-down to expand it.  Works great.

    2.  Destroy the toolbar with .destroy(), and empty the containing DOM element.

    3.  Create a toolbar with a splitbutton in the same (now empty) DOM.

    4.  Tab to the splitbutton and press alt-down.  The splitbutton expands and immediately closes.

    Demonstrated here:

    Any advice is greatly appreciated!
  2. Answer
    Dimitar avatar
    812 posts

    Posted 24 Apr 2017 Link to this post

    Hello Rich,

    Thank you for the detailed code sample provided.

    I can confirm that the behavior that you are experiencing is a bug. I have logged the issue on our official bug tracker and you can start tracking it from here.

    On the following Dojo example, you will find a modified version of your example, which destroys the current Toolbar widget, removes it from the DOM and then appends a new element to the toolbar container. You can modify this according to your needs and use it as a temporary workaround until the issue is resolved.

    As a token of gratitude for reporting this bug, I have updated your Telerik points. You can find more information in your Telerik profile.

    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Rich
    Rich avatar
    11 posts
    Member since:
    Sep 2016

    Posted 24 Apr 2017 in reply to Dimitar Link to this post

    Thank you Dimitar, I appreciate it!


Back to Top