Fix border radius of the message input field

client/src/styles/partials/generic/autocomplete.scss

@@ -77,4 +77,9 @@
             }
         }
     }
+
+    &.bd-active + [class*="inner"] {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+    }
 }

client/src/ui/automanip.js

@@ -185,7 +185,7 @@ export default class extends EventListener {
         const root = document.createElement('span');
         const parent = document.querySelector('[class*="channelTextArea"] > [class*="inner"]');
         if (!parent) return;
-        parent.append(root);
+        parent.parentElement.insertBefore(root, parent);
         VueInjector.inject(root, {
             components: { Autocomplete },
             data: { initial: e.target.value },

client/src/ui/components/common/Autocomplete.vue

@@ -9,7 +9,7 @@
 */
 
 <template>
-    <div class="bd-autocomplete">
+    <div class="bd-autocomplete" :class="{'bd-active': emotes && emotes.length}">
         <div v-if="emotes && emotes.length" class="bd-autocomplete-inner">
             <div class="bd-autocomplete-row">
                 <div class="bd-autocomplete-selector">