Currently, it is possible to expand or collapse PanelBar items programmatically.
There should be a way to prevent a specific PanelBar item from collapsing or expanding.
Please expose cancellable OnExpand and OnCollapse events similar to other components. This will give developers the ability to apply custom interaction based on their scenario.
Hello,
Some keyboard shortcuts do not work inside PanelBar ContentTemplate. For example, when any text input control (TelerikTextBox, TelerikComboBox, etc.) exists inside the ContentTemplate of a TelerikPanelBar, the input will no longer accept space characters and certain other keyboard input such as arrow keys.
This is very easy to reproduce. Here is a simple example:
<div>
<TelerikPanelBar Data="@Items">
<PanelBarBindings>
<PanelBarBinding>
<ContentTemplate>
@{
var item = context as PanelBarItem;
<div>
<TelerikTextBox @bind-Value="item.Text"></TelerikTextBox>
</div>
}
</ContentTemplate>
</PanelBarBinding>
</PanelBarBindings>
</TelerikPanelBar>
</div>
@code {
public List<PanelBarItem> Items { get; set; }
public class PanelBarItem
{
public string Text { get; set; }
public List<PanelBarItem> Items { get; set; }
}
protected override void OnInitialized()
{
Items = new List<PanelBarItem>()
{
new PanelBarItem() { Text = "Item 1" },
new PanelBarItem() { Text = "Item 2" }
};
base.OnInitialized();
}
}
I am testing them out of the box with NVDA and JAWS screen readers and running into issues with how they are read. I believe part of the issue is how the aria attributes are being rendered on the controls.
Enable the NVDA screen reader. Then try to navigate first with "alt + w" then click "enter" or "space". The PanelBar dropdown will not open.