Кто сталкивался с непонятными багами firefox?

Question

[Robert Bl]

https://codepen.io/Robert_bl/pen/zdLdVb
Не понимаю, почему в Firefox такие косяки. В хроме все окей. Суть проблемы такая, что если нажимать на второй сектор(нижний), то он выдает обертку меню .wrapper-menu. Если отключать событие mousemove, то все работает. Давно замечаю, что в Firefox множество подобных проблем. Может кто посоветует общий совет как с ними бороться?

Comments

[dom1n1k]

Сформулируйте проблему яснее. Я открыл в обоих браузерах - визуально никакой разницы не увидел. Потыкал тоже - ничего не произшло тоже в обоих.

[Robert Bl]

dom1n1k: Если кликать на нижний сектор, то события не вызываются, потому что выдает DOM элемент .wrapper-menu. Нет никакой визуальной разницы, вы код видели? Я в консоли смотрю на каком элементе произошел клик

Answer 1

[Mikola-BLR]

1) Если у .wrapper-menu убрать ненужное свойство
transform-style: preserve-3d;
То всё начинает прекрасно работать.
2) В тэге style описан класс для .subsector-*, а в SVGешке классы .sector-* Если правильно классы назвать, то по краям секторов ещё и бордеры видны. Если они не нужны, то лучше вообще из SVG удалить все PATH с классом .sector, потому что e.target то выдаёт stroke-*, то sector-*