The div element that has the onClick event handled to toggle the nav drawer menu has no size, so as the drawer is initially open, once clicked outside so it gets closed, it cannot be reopened again.
(igniteui-react-examples\samples\menus\nav-drawer\add-drawer-items\src\index.tsx line 21)
Multiple nav drawer items can be active at a time, which is different than the WC and Angular samples behavior. Also, activating an item does not work in case the click is over the slotted icon or content elements of the drawer item.
In the topic there is a 1px black border of the <div part="mini"> showing above the drawer:
div
element that has theonClick
event handled to toggle the nav drawer menu has no size, so as the drawer is initially open, once clicked outside so it gets closed, it cannot be reopened again. (igniteui-react-examples\samples\menus\nav-drawer\add-drawer-items\src\index.tsx line 21)Possibly toggle the drawer with a button, as in the Angular samples - https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer#angular-navigation-drawer-example
Multiple nav drawer items can be active at a time, which is different than the WC and Angular samples behavior. Also, activating an item does not work in case the click is over the slotted icon or content elements of the drawer item.
In the topic there is a 1px black border of the
<div part="mini">
showing above the drawer:Valid for Blazor and Web Components topics as well
Issue logged for WC samples - https://github.com/IgniteUI/igniteui-wc-examples/issues/649 Issue logged for Blazor samples - https://github.com/IgniteUI/igniteui-blazor-examples/issues/605