From 8baf01c77b127c83ee8150fde1bad9c506adfc0e Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Sun, 8 Feb 2026 03:46:34 +0300
Subject: [PATCH] fix(mobile): fix sort dropdown event handling

---
 frontend/src/components/torrent/table.rs | 31 ++++++++++++------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/torrent/table.rs b/frontend/src/components/torrent/table.rs
index 1f031aa..8e35fe9 100644
--- a/frontend/src/components/torrent/table.rs
+++ b/frontend/src/components/torrent/table.rs
@@ -343,7 +343,7 @@ pub fn TorrentTable() -> impl IntoView {
                             <Show when=move || sort_open.get()>
                                 <div
                                     class="fixed inset-0 z-[98] cursor-default"
-                                    on:pointerdown=move |_| set_sort_open.set(false)
+                                    on:click=move |_| set_sort_open.set(false)
                                 ></div>
                             </Show>
 
@@ -354,7 +354,7 @@ pub fn TorrentTable() -> impl IntoView {
                                     <div
                                         role="button"
                                         class="btn btn-ghost btn-xs gap-1 opacity-70 font-normal"
-                                        on:pointerdown=move |e| {
+                                        on:click=move |e| {
                                             e.stop_propagation();
                                             let cur = sort_open.get_untracked();
                                             set_sort_open.set(!cur);
@@ -383,20 +383,21 @@ pub fn TorrentTable() -> impl IntoView {
                                                   (SortColumn::AddedDate, "Date"),
                                               ];
 
-                                             columns.into_iter().map(|(col, label)| {
-                                                 let is_active = move || sort_col.get() == col;
-                                                 let current_dir = move || sort_dir.get();
+                                              columns.into_iter().map(|(col, label)| {
+                                                  let is_active = move || sort_col.get() == col;
+                                                  let current_dir = move || sort_dir.get();
 
-                                                 view! {
-                                                     <li>
-                                                         <button
-                                                             class=move || if is_active() { "bg-primary/10 text-primary font-bold flex justify-between" } else { "flex justify-between" }
-                                                             on:pointerdown=move |e| {
-                                                                 e.stop_propagation();
-                                                                 handle_sort(col);
-                                                                 set_sort_open.set(false);
-                                                             }
-                                                         >
+                                                  view! {
+                                                      <li>
+                                                          <button
+                                                              class=move || if is_active() { "bg-primary/10 text-primary font-bold flex justify-between" } else { "flex justify-between" }
+                                                              on:click=move |e| {
+                                                                  e.prevent_default();
+                                                                  e.stop_propagation();
+                                                                  handle_sort(col);
+                                                                  set_sort_open.set(false);
+                                                              }
+                                                          >
                                                              {label}
                                                              <Show when=is_active fallback=|| ()>
                                                                  <span class="opacity-70 text-[10px]">