05/29 Fix shared items aren't displayed correctly
This commit is contained in:
@@ -4355,12 +4355,15 @@ const Vault = (() => {
|
|||||||
|
|
||||||
function initTabs(container) {
|
function initTabs(container) {
|
||||||
const tabs = container.querySelectorAll(".tab-btn");
|
const tabs = container.querySelectorAll(".tab-btn");
|
||||||
|
// Tab panes are siblings of the .panel-tabs container, not descendants of it,
|
||||||
|
// so search in the parent element.
|
||||||
|
const paneRoot = container.parentElement;
|
||||||
tabs.forEach((btn) => {
|
tabs.forEach((btn) => {
|
||||||
btn.addEventListener("click", () => {
|
btn.addEventListener("click", () => {
|
||||||
tabs.forEach((t) => t.classList.remove("active"));
|
tabs.forEach((t) => t.classList.remove("active"));
|
||||||
btn.classList.add("active");
|
btn.classList.add("active");
|
||||||
const target = btn.dataset.tab;
|
const target = btn.dataset.tab;
|
||||||
container.querySelectorAll(".tab-pane").forEach((pane) => {
|
paneRoot.querySelectorAll(".tab-pane").forEach((pane) => {
|
||||||
pane.classList.toggle("hidden", !pane.id.endsWith(target));
|
pane.classList.toggle("hidden", !pane.id.endsWith(target));
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user