クリックイベントをCSSで無効化する

ポップアップをクリックしたら、下のボタンが反応した時

いや、そこじゃないんだって！！
という時に使ってみるCSSです。Javascriptを使ってうまく制御してやる必要があります。
(ポップアップが開いた時にクラスを付ける)

共通CSSにクラス定義を追加しておくと便利です

CSSクラスを定義しておく

.avoid-clicks{
  pointer-events: none;
}

クラスを付与したDOM以下のすべてのクリックイベントが停止されます。
復活させるロジックを書き忘れないよう、注意が必要です。