<TelerikToolBar>
<ToolBarButton Class="my-custom-class" ... />
<ToolBarTemplateItem Class="my-custom-class">
...
</ToolBarTemplateItem>
</TelerikToolBar>
Description
The AdaptiveToolBar does not display all items in the overflow section (more buttons) when there are Buttons with Visibility set to false.
Reproduction (if bug)
Run the REPL snippet
Shrink the window size so that the toolbar is narrower and some buttons are hidden
Open the Overflow list
Refresh and Refresh All buttons are missing from the list
Current (if bug)
Buttons with Visible=false parameter should not affect the overflowed button collection.
Expected (if bug)
All buttons that are Visible=true and overflowed should be available in the more buttons section.
Browser (if bug)
All
Project type (if bug)
All
The ToolBarButton is missing the ability to set the "aria-label".
When attempting to just add it directly, I get the following error:
Where there is a spacer inside the ToolBar or when there are no items that should be hidden anymore, the overflow anchor overlay with the other items.
#1563693
- Missing overflow hamburger functionality. When small devices some item should move to the hamburger overflow.
- Floating items left or right as on kendo ui toolbar.
Use a ToolBar with its ToolBarTemplateItem (with DropDownList inside of the template) in a separate component. Try to switch values in the DropDownList with the arrows of the keyboard. The value in the DropDownList does not change until you move away from it with a right arrow. This only happens when the template with the dropdown inside is in a separated component.
-------------------- ADMIN EDIT --------------------
The workaround for such a scenario is to export the DropDownList too onto a separated component and then call it in the ToolBarTemplateItem. See the attached sample project.