PanelBar is not expanding/showing Items

[Niko]

I have a PanelBar that is getting populated client-side via JS.  Below is a code example:

var panel = $find('RadPanelBar');
var rootItem = panel.findItemByText("RootItem");
for (var i = 0; i < array.length; i++) {
    var item = new Telerik.Web.UI.RadPanelItem();
    item.set_text(array[i].someText);
    panel.trackChanges();
    rootItem.get_items().add(item);
    panel.commitChanges();
}

This seems to serve it's purpose, I can inspect the root item after the loop and can see all the added child items.  

The problem is when I click on this RadPanelBar root item, nothing happens.  The "expand/collapse" icon switches on click and any expand/collapse/click events are fired as normal, just no child Items are shown.  I have tried almost everything.

Even when adding the RadPanelItems statically at design time, I see the same problem.  

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%" Height="600px">
    <Items>
        <telerik:RadPanelItem runat="server" Text="TestRoot" Expanded="True">
            <Items>
                <telerik:RadPanelItem Text="TestChild">
                </telerik:RadPanelItem>
            </Items>
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelBar>

This also has the same outcome, can't expand to see the child item.

Any ideas?  Am I missing something?

[Kate]

Hello Niko,

I tested the issue that you describe but I could not get the described behavior. Here is a short video demonstrating how the control behaves from my side.

Kind regards,
Kate
the Telerik team