🐛 Fix context menu mis placed on device which showing the side navigation

lib/widgets/chat/chat_message.dart

@@ -10,6 +10,7 @@ import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/attachment/attachment_list.dart';
+import 'package:surface/widgets/context_menu.dart';
 import 'package:surface/widgets/link_preview.dart';
 import 'package:surface/widgets/markdown_content.dart';
 import 'package:swipe_to/swipe_to.dart';
@@ -53,7 +54,7 @@ class ChatMessage extends StatelessWidget {
       swipeSensitivity: 20,
       onLeftSwipe: onReply != null ? (_) => onReply!(data) : null,
       onRightSwipe: onEdit != null ? (_) => onEdit!(data) : null,
-      child: ContextMenuRegion(
+      child: ContextMenuArea(
         contextMenu: ContextMenu(
           entries: [
             MenuHeader(text: "eventResourceTag".tr(args: ['#${data.id}'])),

lib/widgets/context_menu.dart

@@ -0,0 +1,47 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+import 'package:flutter_context_menu/flutter_context_menu.dart';
+import 'package:responsive_framework/responsive_framework.dart';
+
+class ContextMenuArea extends StatelessWidget {
+  final ContextMenu contextMenu;
+  final Widget child;
+  final ValueChanged<dynamic>? onItemSelected;
+
+  const ContextMenuArea({
+    super.key,
+    required this.contextMenu,
+    required this.child,
+    this.onItemSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    Offset mousePosition = Offset.zero;
+
+    return Listener(
+      onPointerDown: (event) {
+        mousePosition = event.position;
+        final isCollapseDrawer = ResponsiveBreakpoints.of(context).smallerOrEqualTo(MOBILE);
+        if (!isCollapseDrawer) {
+          final isExpandDrawer = ResponsiveBreakpoints.of(context).largerThan(TABLET);
+          // Leave padding for side navigation
+          mousePosition = isExpandDrawer
+              ? mousePosition.copyWith(dx: mousePosition.dx - 304 * 2)
+              : mousePosition.copyWith(dx: mousePosition.dx - 72 * 2);
+        }
+      },
+      child: GestureDetector(
+        onLongPress: () => _showMenu(context, mousePosition),
+        onSecondaryTap: () => _showMenu(context, mousePosition),
+        child: child,
+      ),
+    );
+  }
+
+  void _showMenu(BuildContext context, Offset mousePosition) async {
+    final menu = contextMenu.copyWith(position: contextMenu.position ?? mousePosition);
+    final value = await showContextMenu(context, contextMenu: menu);
+    onItemSelected?.call(value);
+  }
+}

lib/widgets/post/post_media_pending_list.dart

@@ -14,6 +14,7 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/controllers/post_write_controller.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/widgets/attachment/attachment_zoom.dart';
+import 'package:surface/widgets/context_menu.dart';
 import 'package:surface/widgets/dialog.dart';
 
 class PostMediaPendingList extends StatelessWidget {
@@ -87,7 +88,7 @@ class PostMediaPendingList extends StatelessWidget {
     }
   }
 
-  ContextMenu _buildContextMenu(BuildContext context, int idx, PostWriteMedia media) {
+  ContextMenu _createContextMenu(BuildContext context, int idx, PostWriteMedia media) {
     return ContextMenu(
       entries: [
         if (media.attachment == null && onUpload != null)
@@ -174,8 +175,8 @@ class PostMediaPendingList extends StatelessWidget {
         children: [
           const Gap(8),
           if (thumbnail != null)
-            ContextMenuRegion(
-              contextMenu: _buildContextMenu(context, -1, thumbnail!),
+            ContextMenuArea(
+              contextMenu: _createContextMenu(context, -1, thumbnail!),
               child: Container(
                 decoration: BoxDecoration(
                   border: Border.all(
@@ -224,8 +225,8 @@ class PostMediaPendingList extends StatelessWidget {
               itemCount: attachments.length,
               itemBuilder: (context, idx) {
                 final media = attachments[idx];
-                return ContextMenuRegion(
-                  contextMenu: _buildContextMenu(context, idx, media),
+                return ContextMenuArea(
+                  contextMenu: _createContextMenu(context, idx, media),
                   child: Container(
                     decoration: BoxDecoration(
                       border: Border.all(