From e24681618758a18222eb6e5d03df5f57bf46cc07 Mon Sep 17 00:00:00 2001
From: avashilling <165050625+avashilling@users.noreply.github.com>
Date: Fri, 25 Jul 2025 10:02:56 -0400
Subject: [PATCH] fix: reaction entry always pops up on the top layer (#3562)

* fix: reaction entry always pops up on the top layer

* formatting

---------

Co-authored-by: ggurdin <ggurdin@gmail.com>
---
 .../chat/events/pangea_message_reactions.dart | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/lib/pages/chat/events/pangea_message_reactions.dart b/lib/pages/chat/events/pangea_message_reactions.dart
index 9b0c1018f..c2f5911de 100644
--- a/lib/pages/chat/events/pangea_message_reactions.dart
+++ b/lib/pages/chat/events/pangea_message_reactions.dart
@@ -516,28 +516,31 @@ class _AdaptableReactorsDialog extends StatelessWidget {
         context: context,
         builder: (context) => this,
         barrierDismissible: true,
-        useRootNavigator: false,
+        useRootNavigator: true,
       );
 
   @override
   Widget build(BuildContext context) {
-    final body = SingleChildScrollView(
-      child: Wrap(
-        spacing: 8.0,
-        runSpacing: 4.0,
-        alignment: WrapAlignment.center,
-        children: <Widget>[
-          for (final reactor in reactionEntry!.reactors!)
-            Chip(
-              avatar: Avatar(
-                mxContent: reactor.avatarUrl,
-                name: reactor.displayName,
-                client: client,
-                presenceUserId: reactor.stateKey,
+    final body = Material(
+      type: MaterialType.transparency,
+      child: SingleChildScrollView(
+        child: Wrap(
+          spacing: 8.0,
+          runSpacing: 4.0,
+          alignment: WrapAlignment.center,
+          children: <Widget>[
+            for (final reactor in reactionEntry!.reactors!)
+              Chip(
+                avatar: Avatar(
+                  mxContent: reactor.avatarUrl,
+                  name: reactor.displayName,
+                  client: client,
+                  presenceUserId: reactor.stateKey,
+                ),
+                label: Text(reactor.displayName!),
               ),
-              label: Text(reactor.displayName!),
-            ),
-        ],
+          ],
+        ),
       ),
     );