diff --git a/src/renderer/views/components/castmenu.ejs b/src/renderer/views/components/castmenu.ejs
index ce3c554d..8fa0a61e 100644
--- a/src/renderer/views/components/castmenu.ejs
+++ b/src/renderer/views/components/castmenu.ejs
@@ -1,5 +1,5 @@
 <script type="text/x-template" id="castmenu">
-<div class="spatialproperties-panel castmenu modal-fullscreen" >
+<div class="spatialproperties-panel castmenu modal-fullscreen" @click.self="close()" @contextmenu.self="close()">
     <div class="modal-window">
         <div class="modal-header">
             <div class="modal-title">Cast To Devices</div>
diff --git a/src/renderer/views/components/equalizer.ejs b/src/renderer/views/components/equalizer.ejs
index 6b0a0820..17890854 100644
--- a/src/renderer/views/components/equalizer.ejs
+++ b/src/renderer/views/components/equalizer.ejs
@@ -1,5 +1,5 @@
 <script type="text/x-template" id="eq-view">
-    <div class="modal-fullscreen equalizer-panel">
+    <div class="modal-fullscreen equalizer-panel" @click.self="close()" @contextmenu.self="close()">
         <div class="modal-window" >
             <div class="modal-header">
                 <div class="modal-title">{{$root.getLz('term.equalizer')}}</div>
diff --git a/src/renderer/views/components/spatial-properties.ejs b/src/renderer/views/components/spatial-properties.ejs
index 93613e05..d802ca2a 100644
--- a/src/renderer/views/components/spatial-properties.ejs
+++ b/src/renderer/views/components/spatial-properties.ejs
@@ -1,5 +1,5 @@
 <script type="text/x-template" id="spatial-properties">
-    <div class="modal-fullscreen spatialproperties-panel">
+    <div class="modal-fullscreen spatialproperties-panel" @click.self="close()" @contextmenu.self="close()">
         <div class="modal-window" v-if="ready">
             <div class="modal-header">
                 <div class="modal-title">{{$root.getLz('spatial.spatialProperties')}}</div>