Merge pull request #493 from KshitijThareja/486

Fix dropdown menu visibility when used inside KModal
learningequality · Dec 11, 2023 · e27118d · e27118d
2 parents 795e909 + 08d0bca
commit e27118d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,17 @@ Changelog is rather internal in nature. See release notes for the public overvie
 
 ## Upcoming version
 
+- [#493]
+  - **Description:** Changed the value of z-index of KDropdownMenu to 99.
+  - **Products impact:** Bugfix
+  - **Addresses:** https://github.com/learningequality/kolibri-design-system/issues/486
+  - **Components:** KDropdownMenu
+  - **Breaking:** No
+  - **Impacts a11y:** No
+  - **Guidance:** -
+
+[#493]: https://github.com/learningequality/kolibri-design-system/pull/493
+
 - [#500]
   - **Description:** Upgrades vue-router dependency
   - **Products impact:** Dependency upgrade

diff --git a/lib/KDropdownMenu.vue b/lib/KDropdownMenu.vue
@@ -2,7 +2,7 @@
 
   <UiPopover
     ref="popover"
-    :z-index="12"
+    :z-index="99"
     :containFocus="true"
     :dropdownPosition="position"
     @close="handleClose"