Всем привет! кто хорошо знаком с MUI v4? использую Popover компонент, для

Question

Всем привет! кто хорошо знаком с MUI v4? использую Popover компонент, для

реализации меню (3 точки) сообщения.
когда popover открыт теряю hover состояние при наведении на сообщение. Есть идеи как можно исправить?
или есть иной подход?

<Box className={classes.msgItemWrapper}>
<ChatMenu message={message} setShowChatMenu={setShowChatMenu} />
<Box>
<MsgItem />
</Box>
</Box>

msgItemWrapper: {
position: 'relative',
padding: '2px 16px',
'& $listOptionsWrapper': {
display: 'none',
position: 'absolute',
top: '-15px',
right: '16px',
'& $moreBtn': {
background: '#EEEEF0',
width: '32px',
height: '32px',
zIndex: 1,
border: '1px solid rgba(0, 0, 0, 0.12)',
borderRadius: '8px',
'&:hover': {
background: '#EEEEF0',
},
},
},
'&:hover': {
background: 'rgba(38, 40, 66, 0.08)',
'& $listOptionsWrapper': {
display: 'block',
},
},
},

#frontend #javascript #programming #react.js #russian

0

15.06.2023

1 ответов

11 просмотров

Саня · Accepted Answer

Саня

самый простой создать отдельный класс. Hover это css надстройка, тебе надо поймать состояния когда попап активный и передать сообщению класс со стилями как у hover

0

15.06.2023

169 похожих чатов

Всем привет! кто хорошо знаком с MUI v4? использую Popover компонент, для

1 ответов

Похожие вопросы