<p><br /></p> <pre class="brush:php;toolbar:false;"><Drawer Anker="links" className="drawerArea left-navigate" Variante="permanent" open={true} PaperProps={{ Stil: { Breite: „erben“, Hintergrund: „#172B4D“, backgroundImage: `linear-gradient(to right,#172B4D 60% , white 40%)`, Grenze: „keine“, overflowY: „versteckt“, }, }} > <Box> <Box> <Box> <Box className="listing" sx={{ width: "100%" }}> <List className="mp-0 wh-100 overflow-overlay"> {Menüs && menus.length > 0 && menus.map((item, index) => ( <Box key={index}> <ListItem ref={popoverAnchor} className={`mp-0 navigationList flex-start-center`} ** onMouseEnter={(e) => { setNestedArr([...item?.children]); popoverEnter(e); setAnchorEl(e?.currentTarget); }} onMouseLeave={(e) => { popoverLeave(e); }}** onClick={(e) => { console.log(item,'parent_clicked') }} > <ListItemText> <Box> {micons[item?.name] ? ( micons[item?.name] ) : ( <Icon>{item?.icon_class}</Icon> )} </Box> <Typografie> {Artikelname} </Typografie> </Typografie> } /> </ListItem> </Box> ))} </Liste> </Box> </Box> </Box> {öffnen && nestedArr.length ? ( <NestedMenu open={open} setOpen={(val) => setOpen(val)} AnchorEl={AnchorEl} nestedArr={nestedArr}lightBackground={lightBackground} secondaryColor={secondaryColor} popoverAnchor={popoverAnchor} popoverEnter={popoverEnter} popoverLeave={popoverLeave} /> ) : Null} </Box> </Drawer></pre> <p><strong> Es gibt einige Menüs auf der linken Seite (unter Verwendung der MUI-Bibliothek und der Material-ui-nested-menu-item-Bibliothek). Wenn Sie mit der Maus über Listitems fahren, wird ein Menü mit angezeigt verschachteltes oder Untermenü und schließe das Menü, wenn die Maus es verlässt, aber das Problem, mit dem ich konfrontiert bin, ist, dass das onMouseLeave-Ereignis gleichzeitig ausgelöst wird, während ich mit der Maus über das Menü fahre, sodass das Menü nicht geöffnet wird. Ich kann nicht herausfinden, was das Problem ist. </strong></p>