fix for dropdown confirm handler
Alessandro committed
Mar 26, 2026 at 12:06 UTC
517c8352c52cc8a36afbb55d014ffea88e8b8a48
3 files changed
+18
-5
webui/components/sidebar/sidebar-store.js
+2
-1
@@ -110,7 +110,8 @@ const model = {
110
},
111
112
menuClick(event, panelElement) {
113
- if (this.menuOpen && panelElement && !panelElement.contains(event.target)) {
113
+ if (!this.menuOpen || !panelElement) return;
114
+ if (!panelElement.contains(event.target)) {
115
this.menuClose();
116
}
117
},
webui/components/sidebar/top-section/header-icons.html
+7
-1
@@ -62,7 +62,13 @@
62
</button>
63
</div>
64
65
- <div class="dropdown-menu quick-actions-dropdown" x-show="$store.sidebar.menuOpen" :style="$store.sidebar.dropdownStyle">
65
+ <!-- Stop propagation so @click.window menuClick does not treat in-menu clicks as outside the header panel (fixed menu + confirm flow). -->
66
+ <div
67
+ class="dropdown-menu quick-actions-dropdown"
68
+ x-show="$store.sidebar.menuOpen"
69
+ :style="$store.sidebar.dropdownStyle"
70
+ @click.stop
71
+ >
72
<div id="sidebar-quick-actions-dropdown-slot-start"></div>
73
74
<div class="dropdown-header">Navigation</div>
webui/components/sidebar/top-section/quick-actions.html
+9
-3
@@ -121,12 +121,18 @@
121
background-color: rgba(155, 155, 155, 0.7);
122
}
123
124
- /* Dropdown item icon sizing */
125
- .quick-actions-dropdown .dropdown-item,
126
- .quick-actions-dropdown .dropdown-item .material-symbols-outlined {
124
+ /* Dropdown item icon sizing (do not override disabled opacity from index.css) */
125
+ .quick-actions-dropdown .dropdown-item:not(:disabled),
126
+ .quick-actions-dropdown .dropdown-item:not(:disabled) .material-symbols-outlined {
127
opacity: 1;
128
}
129
130
+ .quick-actions-dropdown .dropdown-item:disabled,
131
+ .quick-actions-dropdown .dropdown-item:disabled .material-symbols-outlined {
132
+ opacity: 0.4;
133
+ cursor: not-allowed;
134
+ }
135
+
136
.quick-actions-dropdown .dropdown-item .material-symbols-outlined {
137
font-size: 18px;
138
}