From cd15007e3c84358e3dd59a348ae2219483d5ab6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Thu, 28 Jul 2022 12:20:42 +0200
Subject: [PATCH] hide elements around textarea if added by browsers
 extensions. (#5)

---
 src/component/cursors.vue | 2 +-
 src/component/main.vue    | 2 +-
 src/component/overlay.vue | 9 +++++++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/component/cursors.vue b/src/component/cursors.vue
index 6867f1d5..4e38ed1f 100644
--- a/src/component/cursors.vue
+++ b/src/component/cursors.vue
@@ -2,7 +2,7 @@
   <canvas ref="overlay" class="neko-cursors" tabindex="0" />
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
   .neko-cursors {
     position: absolute;
     top: 0;
diff --git a/src/component/main.vue b/src/component/main.vue
index cd311d9f..982c6065 100644
--- a/src/component/main.vue
+++ b/src/component/main.vue
@@ -43,7 +43,7 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
   .neko-component {
     width: 100%;
     height: 100%;
diff --git a/src/component/overlay.vue b/src/component/overlay.vue
index 85c499f7..21ef6b8e 100644
--- a/src/component/overlay.vue
+++ b/src/component/overlay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="neko-overlay-wrap">
     <canvas ref="overlay" class="neko-overlay" tabindex="0" />
     <textarea
       ref="textarea"
@@ -22,7 +22,12 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
+  /* hide elements around textarea if added by browsers extensions */
+  .neko-overlay-wrap *:not(.neko-overlay) {
+    display: none;
+  }
+
   .neko-overlay {
     position: absolute;
     top: 0;