From a96f3b1eb7eb56bd427b6b7fd8d43a11ad6e6602 Mon Sep 17 00:00:00 2001
From: Samuel Elliott <samuelthomas2774@users.noreply.github.com>
Date: Wed, 4 Apr 2018 20:36:11 +0100
Subject: [PATCH] Fix border radius of the message input field

---
 client/src/styles/partials/generic/autocomplete.scss | 5 +++++
 client/src/ui/automanip.js                           | 2 +-
 client/src/ui/components/common/Autocomplete.vue     | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/styles/partials/generic/autocomplete.scss b/client/src/styles/partials/generic/autocomplete.scss
index 75312e1e..0ee51fac 100644
--- a/client/src/styles/partials/generic/autocomplete.scss
+++ b/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;
+    }
 }
diff --git a/client/src/ui/automanip.js b/client/src/ui/automanip.js
index 5c8e72dd..b24e6784 100644
--- a/client/src/ui/automanip.js
+++ b/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 },
diff --git a/client/src/ui/components/common/Autocomplete.vue b/client/src/ui/components/common/Autocomplete.vue
index 4b831fa6..987d2f53 100644
--- a/client/src/ui/components/common/Autocomplete.vue
+++ b/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">