Add hard edge clip behavior to Material link bottom sheet modal (#337)

* Add hard edge clip behavior to Material link bottom sheet modal * Use SafeArea
fleather-editor · May 3, 2024 · cc3921c · cc3921c
1 parent 4f97476
commit cc3921c
Showing 1 changed file with 23 additions and 19 deletions.
diff --git a/packages/fleather/lib/src/widgets/link.dart b/packages/fleather/lib/src/widgets/link.dart
@@ -72,6 +72,7 @@ class _CupertinoAction extends StatelessWidget {
   final String title;
   final IconData icon;
   final VoidCallback onPressed;
+
   const _CupertinoAction({
     required this.title,
     required this.icon,
@@ -109,27 +110,30 @@ class _CupertinoAction extends StatelessWidget {
 Future<LinkMenuAction> _showMaterialMenu(
     BuildContext context, String link) async {
   final result = await showModalBottomSheet<LinkMenuAction>(
+    clipBehavior: Clip.hardEdge,
     context: context,
     builder: (ctx) {
-      return Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          _MaterialAction(
-            title: 'Open',
-            icon: Icons.language_sharp,
-            onPressed: () => Navigator.of(context).pop(LinkMenuAction.launch),
-          ),
-          _MaterialAction(
-            title: 'Copy',
-            icon: Icons.copy_sharp,
-            onPressed: () => Navigator.of(context).pop(LinkMenuAction.copy),
-          ),
-          _MaterialAction(
-            title: 'Remove',
-            icon: Icons.link_off_sharp,
-            onPressed: () => Navigator.of(context).pop(LinkMenuAction.remove),
-          ),
-        ],
+      return SafeArea(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            _MaterialAction(
+              title: 'Open',
+              icon: Icons.language_sharp,
+              onPressed: () => Navigator.of(context).pop(LinkMenuAction.launch),
+            ),
+            _MaterialAction(
+              title: 'Copy',
+              icon: Icons.copy_sharp,
+              onPressed: () => Navigator.of(context).pop(LinkMenuAction.copy),
+            ),
+            _MaterialAction(
+              title: 'Remove',
+              icon: Icons.link_off_sharp,
+              onPressed: () => Navigator.of(context).pop(LinkMenuAction.remove),
+            ),
+          ],
+        ),
       );
     },
   );