From 54171e566aed24dc6dfae8ea5f13da7e03703fe6 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 18 Sep 2020 16:01:58 +0530
Subject: [PATCH] FIxed broken restore history on new URL bar

---
 components/ui/url-field.vue | 16 ++++++++++++++++
 pages/index.vue             |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/ui/url-field.vue b/components/ui/url-field.vue
index f90ef37c1..6e48a0fcd 100644
--- a/components/ui/url-field.vue
+++ b/components/ui/url-field.vue
@@ -6,11 +6,27 @@
   color: var(--ac-color);
   font-weight: bold;
 }
+.highlight-TEXT {
+  overflow: auto;
+  height: 20px;
+  word-break: break-all;
+}
+.highlight-TEXT::-webkit-scrollbar {
+  display: none;
+}
 </style>
 <script>
+import { type } from "os"
 export default {
   props: {
     value: { type: String },
+    uri: { type: String },
+  },
+  watch: {
+    uri(val) {
+      this.$refs.editor.textContent = val
+      this.updateEditor()
+    },
   },
   mounted() {
     this.$refs.editor.addEventListener("input", this.updateEditor)
diff --git a/pages/index.vue b/pages/index.vue
index 62057c308..bc7237bc6 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -155,7 +155,7 @@
                 spellcheck="false"
                 @input="pathInputHandler"
               />
-              <url-field v-model="uri" v-else />
+              <url-field v-model="uri" :uri="uri" v-else />
             </li>
             <li class="shrink">
               <label class="hide-on-small-screen" for="send">&nbsp;</label>