From 664961076cdad12e0cf928e0f54d2917d9dbfe4c Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Tue, 17 Feb 2026 12:18:17 +0530
Subject: [PATCH] feat: enhance FloatingToolbar to conditionally render based
 on mobile device detection

---
 surfsense_web/components/ui/floating-toolbar.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/surfsense_web/components/ui/floating-toolbar.tsx b/surfsense_web/components/ui/floating-toolbar.tsx
index 80cf190c1..f3ae544f4 100644
--- a/surfsense_web/components/ui/floating-toolbar.tsx
+++ b/surfsense_web/components/ui/floating-toolbar.tsx
@@ -18,6 +18,7 @@ import {
 } from 'platejs/react';
 
 import { cn } from '@/lib/utils';
+import { useIsMobile } from '@/hooks/use-mobile';
 
 import { Toolbar } from './toolbar';
 
@@ -32,6 +33,7 @@ export function FloatingToolbar({
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorValue('focus');
   const isFloatingLinkOpen = !!usePluginOption({ key: KEYS.link }, 'mode');
+  const isMobile = useIsMobile();
 
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
@@ -65,7 +67,7 @@ export function FloatingToolbar({
 
   const ref = useComposedRef<HTMLDivElement>(props.ref, floatingRef);
 
-  if (hidden) return null;
+  if (hidden || isMobile) return null;
 
   return (
     <div ref={clickOutsideRef}>