From 91ae9c2b34bcb8d3a53c1db848eb6762bff75251 Mon Sep 17 00:00:00 2001
From: kyle <kyle201817146@gmail.com>
Date: Wed, 27 Oct 2021 21:58:22 +0800
Subject: [PATCH] [Bug Fix] navigation dropdown bold issue(SR-15313)

Primary tutorial navigation dropdown fails to bold the current tutorial when browser URL is not lowercased (SR-15313)

Mobile tutorial navigation dropdown fails to list its child when browser URL is not lowercased
---
 src/components/Tutorial/NavigationBar/MobileDropdown.vue | 4 +++-
 .../Tutorial/NavigationBar/PrimaryDropdown.vue           | 9 +++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Tutorial/NavigationBar/MobileDropdown.vue b/src/components/Tutorial/NavigationBar/MobileDropdown.vue
index 95f078a0f..85607d7d8 100644
--- a/src/components/Tutorial/NavigationBar/MobileDropdown.vue
+++ b/src/components/Tutorial/NavigationBar/MobileDropdown.vue
@@ -38,7 +38,9 @@
               >
                 {{ tutorialTitle }}
               </router-link>
-              <ul v-if="tutorialUrl === $route.path" class="section-list" role="listbox">
+              <ul v-if="tutorialUrl === $route.path.toLowerCase()"
+                  class="section-list"
+                  role="listbox">
                 <li
                   v-for="section in sections"
                   :key="section.title"
diff --git a/src/components/Tutorial/NavigationBar/PrimaryDropdown.vue b/src/components/Tutorial/NavigationBar/PrimaryDropdown.vue
index cabee0793..baefec36e 100644
--- a/src/components/Tutorial/NavigationBar/PrimaryDropdown.vue
+++ b/src/components/Tutorial/NavigationBar/PrimaryDropdown.vue
@@ -52,14 +52,15 @@
                 <router-link
                   :to="urlWithParams"
                   custom
-                  #default="{ navigate, isActive }"
+                  #default="{ navigate }"
                 >
                   <li
-                    :class="{ [OptionClass]: true, [ActiveOptionClass]: isActive }"
+                    :class="{ [OptionClass]: true,
+                              [ActiveOptionClass]: urlWithParams === $route.path.toLowerCase()}"
                     role="option"
                     :value="title"
-                    :aria-selected="isActive"
-                    :aria-current="isActive ? 'tutorial': false"
+                    :aria-selected="urlWithParams === $route.path.toLowerCase()"
+                    :aria-current="urlWithParams === $route.path.toLowerCase() ? 'tutorial': false"
                     :tabindex="-1"
                     @click="setActive(navigate, closeDropdown, $event)"
                     @keydown.enter="setActive(navigate, closeDropdown, $event)"