From 9d49dbdfa73eb818b57b2cf18726b713caec92cc Mon Sep 17 00:00:00 2001
From: Alexander Drozdov <snosme@gmail.com>
Date: Sat, 30 Jan 2021 23:03:11 +0200
Subject: [PATCH] fix: cannot close window by clicking on bg

---
 src/web/price-check/PriceCheckWindow.vue       | 6 +++---
 src/web/price-check/trade/RateLimiterState.vue | 6 ++++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/web/price-check/PriceCheckWindow.vue b/src/web/price-check/PriceCheckWindow.vue
index dadc95b2..99fd04a3 100644
--- a/src/web/price-check/PriceCheckWindow.vue
+++ b/src/web/price-check/PriceCheckWindow.vue
@@ -51,12 +51,12 @@
       </div>
     </div>
     <div class="layout-column flex-1 min-w-0">
-      <div class="flex pointer-events-auto" :class="{
+      <div class="flex" :class="{
         'flex-row': clickPosition === 'stash',
         'flex-row-reverse': clickPosition === 'inventory'
       }">
-        <related-items :item="item" />
-        <rate-limiter-state />
+        <related-items :item="item" class="pointer-events-auto" />
+        <rate-limiter-state class="pointer-events-auto" />
       </div>
     </div>
   </div>
diff --git a/src/web/price-check/trade/RateLimiterState.vue b/src/web/price-check/trade/RateLimiterState.vue
index bb90b0ac..b2676d7d 100644
--- a/src/web/price-check/trade/RateLimiterState.vue
+++ b/src/web/price-check/trade/RateLimiterState.vue
@@ -1,8 +1,9 @@
 <template>
   <button :class="[$style.button, { [$style.limited]: isLimited }]"
-    @click="showRateLimitState = !showRateLimitState">Rate limiting</button>
+    @click="showRateLimitState = !showRateLimitState" v-bind="$attrs">Rate limiting</button>
   <div v-if="showRateLimitState"
-    class="font-sans p-4 bg-gray-800 text-gray-400 mb-8 border border-gray-900 absolute bottom-0" style="border-width: 0.25rem;">
+    class="font-sans p-4 bg-gray-800 text-gray-400 mb-8 border border-gray-900 absolute bottom-0"
+    style="border-width: 0.25rem;" v-bind="$attrs">
     <div v-for="limit in limits" :key="limit.policy">
       <div :class="{ 'text-red-400': limit.hasQueue }">Policy: {{ limit.policy }}</div>
       <div>
@@ -21,6 +22,7 @@ import { RATE_LIMIT_RULES } from './common'
 import { PriceCheckWidget } from '@/web/overlay/interfaces'
 
 export default defineComponent({
+  inheritAttrs: false,
   setup () {
     const widget = inject<{ config: ComputedRef<PriceCheckWidget> }>('widget')!