SVG グループと基本的なアニメーションに問題があります。この男はボタンです。ホバーすると、一種のメニューがポップアップ表示されます。目標は、マウス ポインターがボタンとメニューから離れたときにメニューが後退することです。
問題は「onmouseout」から始まります。ボタンとメニューがグループ化されていて、グループ全体で「onmouseout」が機能している場合でも、グループ内の任意の要素をマウスアウトすると、マウスアウト アクションがトリガーされます。したがって、ボタンからメニューに移動すると、撤回がトリガーされます。
これを回避するために、ボタンがマウスオーバーされたときに表示される上部にマスクを配置しました (いわば、表示されますが、不透明度が 0 であるため表示されません)。ここでは見やすいようにグレーにしています。しかし、このメニューに要素を追加したい場合は、以前よりも先に進む必要はありません。赤いブロックはこの別の要素です。
アニメーションを使用してメニューを表示するのではなく、メニューだけを表示させた場合、グループは希望どおりに動作するようです。
誰かが助けたり、光を当てたりできることを願っています。