From 92b9746cd7919d0fe8ed19e1e5fb36dfaed45dcd Mon Sep 17 00:00:00 2001
From: sechi <sechichen@gmail.com>
Date: Sun, 15 Jan 2023 23:42:16 +0800
Subject: [PATCH] fix: disable selecting elements in navbar (#1147)

---
 components/nav/NavSideItem.vue      | 2 +-
 components/nav/NavTitle.vue         | 1 +
 components/search/SearchWidget.vue  | 1 +
 components/user/UserSignInEntry.vue | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/nav/NavSideItem.vue b/components/nav/NavSideItem.vue
index bce52510..eb02443c 100644
--- a/components/nav/NavSideItem.vue
+++ b/components/nav/NavSideItem.vue
@@ -66,7 +66,7 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
           <div :class="icon" text-xl />
         </slot>
         <slot>
-          <span block sm:hidden xl:block>{{ isHydrated ? text : '&nbsp;' }}</span>
+          <span block sm:hidden xl:block select-none>{{ isHydrated ? text : '&nbsp;' }}</span>
         </slot>
       </div>
     </CommonTooltip>
diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index 0bb7bddd..90b41042 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -17,6 +17,7 @@ router.afterEach(() => {
       flex items-end gap-4
       py2 px-5
       text-2xl
+      select-none
       focus-visible:ring="2 current"
       to="/"
       external
diff --git a/components/search/SearchWidget.vue b/components/search/SearchWidget.vue
index 12d27f19..15495574 100644
--- a/components/search/SearchWidget.vue
+++ b/components/search/SearchWidget.vue
@@ -66,6 +66,7 @@ const activate = () => {
         bg-transparent
         outline="focus:none"
         pe-4
+        select-none
         :placeholder="isHydrated ? t('nav.search') : ''"
         pb="1px"
         placeholder-text-secondary
diff --git a/components/user/UserSignInEntry.vue b/components/user/UserSignInEntry.vue
index 95776db7..d6274495 100644
--- a/components/user/UserSignInEntry.vue
+++ b/components/user/UserSignInEntry.vue
@@ -8,7 +8,7 @@
     <p text-sm text-secondary>
       {{ $t('user.sign_in_desc') }}
     </p>
-    <button btn-solid rounded-3 text-center mt-2 @click="openSigninDialog()">
+    <button btn-solid rounded-3 text-center mt-2 select-none @click="openSigninDialog()">
       {{ $t('action.sign_in') }}
     </button>
   </div>