[PR #20376] [CLOSED] fix: Knowledge selector dropdown z-index issue in Folder modal #64443

Closed
opened 2026-05-06 10:02:38 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/20376
Author: @newnol
Created: 1/5/2026
Status: Closed

Base: devHead: main


📝 Commits (10+)

  • fe6783c Merge pull request #19030 from open-webui/dev
  • fc05e0a Merge pull request #19405 from open-webui/dev
  • e3faec6 Merge pull request #19416 from open-webui/dev
  • 9899293 Merge pull request #19448 from open-webui/dev
  • 140605e Merge pull request #19462 from open-webui/dev
  • 6f1486f Merge pull request #19466 from open-webui/dev
  • d95f533 Merge pull request #19729 from open-webui/dev
  • a727153 0.6.43 (#20093)
  • 13ef902 Fix: Add z-[10000] or similar high z-index to the DropdownMenu.Content class in KnowledgeSelector.svelte.
  • 2529277 i18n: Vietnamese translation - batch 1 - time formats, counts, channels

📊 Changes

2 files changed (+458 additions, -458 deletions)

View changed files

📝 src/lib/components/workspace/Models/Knowledge/KnowledgeSelector.svelte (+1 -1)
📝 src/lib/i18n/locales/vi-VN/translation.json (+457 -457)

📄 Description

Pull Request Checklist

  • Target branch: Verify that the pull request targets the dev branch.
  • Description: Provided below.
  • Changelog: Provided below.
  • Documentation: No documentation changes needed.
  • Dependencies: No new dependencies.
  • Testing: Manually tested - dropdown now appears correctly above the modal.
  • Agentic AI Code: This PR has gone through human review and manual testing.
  • Code review: Self-reviewed.
  • Title Prefix: fix

Changelog Entry

Description

Fixed the Knowledge selector dropdown appearing behind the Create Folder modal, making it impossible to select knowledge items when creating/editing a folder. The issue was caused by missing z-index on the DropdownMenu.Content component in KnowledgeSelector.svelte, while the modal has z-9999.

Added

  • None

Changed

  • None

Deprecated

  • None

Removed

  • None

Fixed

  • Fixed Knowledge selector dropdown (KnowledgeSelector.svelte) z-index issue where dropdown content appeared behind the Folder modal, preventing users from selecting knowledge items when creating or editing folders.

Security

  • None

Breaking Changes

  • None

Additional Information

  • Root Cause: The DropdownMenu.Content in KnowledgeSelector.svelte did not have a z-index specified. Since bits-ui's DropdownMenu uses a portal to render content outside the normal DOM hierarchy, and the Modal component uses z-9999, the dropdown was rendered behind the modal.
  • Solution: Added z-[10000] to the DropdownMenu.Content class to ensure the dropdown appears above the modal.
  • File changed: KnowledgeSelector.svelte

Screenshots or Videos

Before After
image CleanShot 2026-01-05 at 13 34 45

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), and I am providing my contributions under its terms.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/20376 **Author:** [@newnol](https://github.com/newnol) **Created:** 1/5/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `main` --- ### 📝 Commits (10+) - [`fe6783c`](https://github.com/open-webui/open-webui/commit/fe6783c16699911c7be17392596d579333fb110c) Merge pull request #19030 from open-webui/dev - [`fc05e0a`](https://github.com/open-webui/open-webui/commit/fc05e0a6c5d39da60b603b4d520f800d6e36f748) Merge pull request #19405 from open-webui/dev - [`e3faec6`](https://github.com/open-webui/open-webui/commit/e3faec62c58e3a83d89aa3df539feacefa125e0c) Merge pull request #19416 from open-webui/dev - [`9899293`](https://github.com/open-webui/open-webui/commit/9899293f050ad50ae12024cbebee7e018acd851e) Merge pull request #19448 from open-webui/dev - [`140605e`](https://github.com/open-webui/open-webui/commit/140605e660b8186a7d5c79fb3be6ffb147a2f498) Merge pull request #19462 from open-webui/dev - [`6f1486f`](https://github.com/open-webui/open-webui/commit/6f1486ffd0cb288d0e21f41845361924e0d742b3) Merge pull request #19466 from open-webui/dev - [`d95f533`](https://github.com/open-webui/open-webui/commit/d95f533214e3fe5beb5e41ec1f349940bc4c7043) Merge pull request #19729 from open-webui/dev - [`a727153`](https://github.com/open-webui/open-webui/commit/a7271532f8a38da46785afcaa7e65f9a45e7d753) 0.6.43 (#20093) - [`13ef902`](https://github.com/open-webui/open-webui/commit/13ef902f2eff708c55d7c032833a868a547cb3ce) Fix: Add z-[10000] or similar high z-index to the DropdownMenu.Content class in KnowledgeSelector.svelte. - [`2529277`](https://github.com/open-webui/open-webui/commit/252927782558e5cea3f3bb69f794e657b57adf57) i18n: Vietnamese translation - batch 1 - time formats, counts, channels ### 📊 Changes **2 files changed** (+458 additions, -458 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/workspace/Models/Knowledge/KnowledgeSelector.svelte` (+1 -1) 📝 `src/lib/i18n/locales/vi-VN/translation.json` (+457 -457) </details> ### 📄 Description # Pull Request Checklist - [x] **Target branch:** Verify that the pull request targets the `dev` branch. - [x] **Description:** Provided below. - [x] **Changelog:** Provided below. - [x] **Documentation:** No documentation changes needed. - [x] **Dependencies:** No new dependencies. - [x] **Testing:** Manually tested - dropdown now appears correctly above the modal. - [x] **Agentic AI Code:** This PR has gone through human review and manual testing. - [x] **Code review:** Self-reviewed. - [x] **Title Prefix:** `fix` # Changelog Entry ### Description Fixed the Knowledge selector dropdown appearing behind the Create Folder modal, making it impossible to select knowledge items when creating/editing a folder. The issue was caused by missing z-index on the `DropdownMenu.Content` component in KnowledgeSelector.svelte, while the modal has `z-9999`. ### Added - None ### Changed - None ### Deprecated - None ### Removed - None ### Fixed - Fixed Knowledge selector dropdown (KnowledgeSelector.svelte) z-index issue where dropdown content appeared behind the Folder modal, preventing users from selecting knowledge items when creating or editing folders. ### Security - None ### Breaking Changes - None --- ### Additional Information - **Root Cause:** The `DropdownMenu.Content` in KnowledgeSelector.svelte did not have a z-index specified. Since bits-ui's DropdownMenu uses a portal to render content outside the normal DOM hierarchy, and the Modal component uses `z-9999`, the dropdown was rendered behind the modal. - **Solution:** Added `z-[10000]` to the `DropdownMenu.Content` class to ensure the dropdown appears above the modal. - **File changed:** KnowledgeSelector.svelte ### Screenshots or Videos | Before | After | |--------|-------| | <img width="945" height="439" alt="image" src="https://github.com/user-attachments/assets/771f7ce6-8598-4c31-acb7-040955f640e4" /> | <img width="729" height="486" alt="CleanShot 2026-01-05 at 13 34 45" src="https://github.com/user-attachments/assets/314e17c1-9b03-4d3d-a325-37c68f155d67" />| ### Contributor License Agreement By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](https://github.com/open-webui/open-webui/blob/main/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-06 10:02:38 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#64443