Flutter iOS Safari…
Problem Flutter web apps on iOS Safari exhibit a "double selection" bug where text selection creates two overlapping selection layers, causing visual artifacts and interaction issues. Root Cause iOS Safari creates both native browser text selection AND Flutter's custom SelectionArea selection simultaneously, resulting in conflicting selection states. Working Workaround HTML Solution (web/index.html) <head> <style> * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Disable caret to prevent selection artifacts */ caret-color: rgba(255, 255, 255, 0) !important; } </style> </head> <body oncontextmenu="event.preventDefault();" > ... Flutter Integration // In main.dart or app initialization import 'package:flutter/gestures.dart'; void main() { // Disable browser context menu to let Flutter handle selection if (kIsWeb) { BrowserContextMenu.disableContextMenu(); } runApp(MyApp()); } How It Works…