From fd17a282faa07246f4e2da81cc151a9817f7deeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Mon, 26 Sep 2022 18:59:42 +0200
Subject: [PATCH] switch overlay to textarea to correctly interpret dead keys.

---
 client/src/components/video.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/components/video.vue b/client/src/components/video.vue
index 2143648..a7b6f0f 100644
--- a/client/src/components/video.vue
+++ b/client/src/components/video.vue
@@ -8,7 +8,7 @@
             <neko-emote :id="index" :key="index" />
           </template>
         </div>
-        <div
+        <textarea
           ref="overlay"
           class="overlay"
           tabindex="0"
@@ -173,6 +173,11 @@
           bottom: 0;
           width: 100%;
           height: 100%;
+          cursor: default;
+          outline: 0;
+          border: 0;
+          color: transparent;
+          background: transparent;
         }
 
         .player-aspect {
@@ -209,7 +214,7 @@
   export default class extends Vue {
     @Ref('component') readonly _component!: HTMLElement
     @Ref('container') readonly _container!: HTMLElement
-    @Ref('overlay') readonly _overlay!: HTMLElement
+    @Ref('overlay') readonly _overlay!: HTMLTextAreaElement
     @Ref('aspect') readonly _aspect!: HTMLElement
     @Ref('player') readonly _player!: HTMLElement
     @Ref('video') readonly _video!: HTMLVideoElement