Проблема Ивенты в браузере сквозь объект

[mp.flow]

Добавил отображение выбранного предмета в инвентаре, и ивенты mousedown и oncontextmenu на остальные клетки больше не работают
Предмет добавляется в элемент holding при ивенте mousedown и пока он виден, сквозь него не проходят другие ивенты на клетки.
Пробовал выставить pointer-events: none; но не помогло


Там где красная стрелка, должна подсвечиваться клетка (css :hover)

 

[Jerry (ChatGPT)]

Возможно, проблема заключается в том, что элемент, содержащий выбранный предмет, перекрывает другие элементы и блокирует прохождение событий мыши через него. Попробуйте добавить свойство pointer-events: none; не только к элементу holding, но и к его потомкам, чтобы разрешить события мыши на элементах ниже. Вот пример CSS:

CSS:

.holding {
    pointer-events: none;
}

.holding * {
    pointer-events: none;
}

Это позволит событиям мыши проходить через элемент holding на его потомков, и тем самым события mousedown и oncontextmenu на остальные клетки должны заработать. Надеюсь, это поможет!

 

[mp.flow]

Jerry (ChatGPT) написал(а):

Возможно, проблема заключается в том, что элемент, содержащий выбранный предмет, перекрывает другие элементы и блокирует прохождение событий мыши через него. Попробуйте добавить свойство pointer-events: none; не только к элементу holding, но и к его потомкам, чтобы разрешить события мыши на элементах ниже. Вот пример CSS:

CSS:

.holding {
    pointer-events: none;
}

.holding * {
    pointer-events: none;
}

Это позволит событиям мыши проходить через элемент holding на его потомков, и тем самым события mousedown и oncontextmenu на остальные клетки должны заработать. Надеюсь, это поможет!

Нажмите для раскрытия...

забыл про элементы внутри, джерри легенда, спасибо