Open prtrifun opened 1 year ago
huycozy
commented
1 year ago @prtrifun Thanks for filing the issue. I tested this on the latest stable 3.3.10 and master 3.7.0-21.0.pre.44 channels.
It seems the issue is only reproduced on the master channel.
Which channel are you facing this issue with? Can you retry on these channels and confirm the same behavior?
prtrifun
commented
1 year ago @huycozy Bug report was created with stable version 3.3.7, and I just tested with latest stable 3.3.10, and bug still persists and I can reproduce it.
huycozy
commented
1 year ago @prtrifun I retried on the latest stable 3.3.10 and master 3.7.0-22.0.pre.9 channels and can not reproduce the issue on both of them.
In my demo, I used Python to start web server instead of Flutter tool (due to for some reason, it can not be opened on my Android device when web server hosted by Flutter tool)
Can you retry using Python or your another preferred one to check this?
prtrifun
commented
1 year ago @huycozy For some reason everything is fine if you first click on text field. Please try to scroll first and then tap on something.
huycozy
commented
1 year ago @prtrifun Yes, I can see the issue now when scrolling a bit before touching on a TextField, the TextField can not gain focus.
The issue is reproducible on the latest stable and master channels.
iamzhibo
commented
10 months ago Hello, is this problem solved?
dinb1242
commented
2 weeks ago even though gesture event is broken, I found that floating button and bottom navigation bar are work.
I think this issue is related in "Scrolling" event, since I've reproduced it using SingleChildScrollView and ListView and when I use SingleChildScrollView in Stack widget and it has siblings, I can click the sibling widgets, but can't click any widget in SingleChildScrollView.
for example:
Stack(
children: [
SingleChildScrollView(
child: Column( <----- I can't click anything in SingleChildScrollView
children: [
ElevatedButton(onPressed: () => debugPrint('broken'), child: Text('button'))
],
),
),
Positioned( <-------- I can click ElevatedButton in this widget even though gesture event is broken.
bottom: 15,
left: 16,
right: 16,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
ElevatedButton(onPressed: () => debugPrint('Clicked!'), child: Text('button'))
],
),
),
],
),Things that I found to recover the broken gesture event are:
I hope this issue to be fixed as soon as possible.
Added: This issue appears not only in chrome browser but also any other browsers in Android. I'm currently using Flutter 3.19.6 and this issue isn't fixed on this version.
Steps to Reproduce
flutter run -d web-server --web-port 8080 --web-hostname 0.0.0.0on the ListView code sampleX.X.X.Xin IFrame code sample with your IP address (Useipconfig getifaddr en1for wireless, oripconfig getifaddr en0for ethernet to fetch you IP address)flutter run -d web-server --web-port 8081 --web-hostname 0.0.0.0on the IFrame code sampleX.X.X.Xwith your IP address)Expected results: Expceted that I can focus text field after scroll.
Actual results: Nothing can gain focus after scroll.
ListView code sample
``` import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( body: ListView( children: [ for (int i = 0; i < 20; i++) Padding( padding: const EdgeInsets.all(8.0), child: TextFormField(), ), ], ), ), ); } } ```IFrame code sample
``` import 'package:flutter/material.dart'; import 'dart:html'; import 'dart:ui' as ui; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const IframeView(source: 'http://X.X.X.X:8080'), ); } } class IframeView extends StatefulWidget { final String source; const IframeView({Key? key, required this.source}) : super(key: key); @override _IframeViewState createState() => _IframeViewState(); } class _IframeViewState extends StateSo far, I only managed to reproduce this on Android on chrome browser.