kendo-vue
kendo-vue copied to clipboard
Drawer `navigation-header` and `navigation-footer` only starts appearing after toggling the drawer once.
Describe the bug
When defining a custom header for the Drawer
component, the header only appears after toggling the open state of the drawer after initial mount. This is most notable when mini
is set to true, or when the initial state of the drawer is expanded.
To Reproduce Steps to reproduce the behavior:
https://stackblitz.com/edit/swzwuv?file=src%2Fmain.vue
- Notice the header is not being rendered
- Open the drawer
- Notice the header popping in
Expected behavior The header should render immediately on mounting the component.
Screenshots If applicable, add screenshots to help explain your problem.
Browser
- OS: Windows
- Browser: Chrome, Firefox
- Version: 122, 123
Additional context In the current situation when the initial state of the drawer is open, it needs to be closed before the header or footer start appearing.