admin/vibetorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

fix(frontend): improve dropdown closing behavior on ios touch devices

Browse Source
This commit is contained in:
spinline
2026-02-04 00:53:18 +03:00
parent 82c39b9633
commit 2ae672c787
1 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/layout/statusbar.rs
View File

@@ -115,7 +115,13 @@ pub fn StatusBar() -> impl IntoView {
</div> </div>
<Show when=move || down_menu_open.get() fallback=|| ()> <Show when=move || down_menu_open.get() fallback=|| ()>
<div class="fixed inset-0 z-[99] bg-black/0" on:click=move |_| set_down_menu_open.set(false)></div> <div
class="fixed inset-0 z-[99] bg-black/0 cursor-default"
on:click=move |e| {
e.stop_propagation();
set_down_menu_open.set(false);
}
></div>
</Show> </Show>
<ul tabindex="0" class="dropdown-content z-[100] menu p-2 shadow bg-base-200 rounded-box w-40 mb-2 border border-base-300"> <ul tabindex="0" class="dropdown-content z-[100] menu p-2 shadow bg-base-200 rounded-box w-40 mb-2 border border-base-300">
@@ -164,7 +170,13 @@ pub fn StatusBar() -> impl IntoView {
</div> </div>
<Show when=move || up_menu_open.get() fallback=|| ()> <Show when=move || up_menu_open.get() fallback=|| ()>
<div class="fixed inset-0 z-[99] bg-black/0" on:click=move |_| set_up_menu_open.set(false)></div> <div
class="fixed inset-0 z-[99] bg-black/0 cursor-default"
on:click=move |e| {
e.stop_propagation();
set_up_menu_open.set(false);
}
></div>
</Show> </Show>
<ul tabindex="0" class="dropdown-content z-[100] menu p-2 shadow bg-base-200 rounded-box w-40 mb-2 border border-base-300"> <ul tabindex="0" class="dropdown-content z-[100] menu p-2 shadow bg-base-200 rounded-box w-40 mb-2 border border-base-300">
@@ -212,13 +224,9 @@ pub fn StatusBar() -> impl IntoView {
<Show when=move || theme_open.get() fallback=|| ()> <Show when=move || theme_open.get() fallback=|| ()>
<div <div
class="fixed inset-0 z-[99] bg-black/0" class="fixed inset-0 z-[99] bg-black/0 cursor-default"
style="cursor: pointer; -webkit-tap-highlight-color: transparent;" on:click=move |e| {
role="button" e.stop_propagation();
tabindex="-1"
on:click=move |_| set_theme_open.set(false)
on:touchend=move |e| {
e.prevent_default();
set_theme_open.set(false); set_theme_open.set(false);
} }
></div> ></div>