Give the option to disable TapAndHorizontalDragGestureRecognizer and LongPressGestureRecognizer for TextFormFields and TextFields

[Scerbelo12]

Is there an existing issue for this?

• I have searched the existing issues
• I have read the guide to filing a bug

Use case

At the moment, it's impossible to make a TextFormField or a TextField a descendant of a draggable widget (like for example a ReorderableListView or a Slidable (from flutter_slidable)) without making impossible to use the latter.
That's due the fact that TextSelectionGestureDetectorBuilder gesture's (TapAndHorizontalDragGestureRecognizer and LongPressGestureRecognizer) are always the winners of the Gesture Arena.

So, for example, if we have the following Slidable:

  Slidable(
        child: Row(
          children: [
            SizedBox(width: 100, child: TextFormField()),
            SizedBox(width: 100, child: TextFormField()),
          ],
        ),
      );

it will be impossible to slide the row starting to drag from a point in the TextFormField area.

Proposal

Give the possibility to disable the features relative to text selection in the TextFormFields and TextFields, so that they can be use as descendants of widgets that respond to a drag gesture. Using the enabled property of the TextFormFields and TextFields doesn't solve the problem, cause I would still like to be able to edit the content of the fields.

[dam-ease]

Hi @Scerbelo12. Thanks for filing this. flutter_slidable is a community package. Can you also provide reorderablelistview example and also try using IgnorePointer class if it helps in your use case?

[Scerbelo12]

Hi, yes I know that is a community package but the problem is related to the TextFields, not the package.

Example with reorderablelistview:

                    ReorderableListView(
                      children: [
                        Row(
                          key: UniqueKey(),
                          children: [
                            SizedBox(width: 100, child: TextFormField()),
                            SizedBox(width: 100, child: TextFormField()),
                          ],
                        ),
                      ],
                      onReorder: (p1, p2) {},
                    ),

IgnorePointer does not solve the problem since it makes impossible to tap on the TextField to edit the content.

[Scerbelo12]

Hi @Renzo-Olivares , can I assume that my proposal is going to be implemented?

[Renzo-Olivares]

Hi @Scerbelo12 I'm currently exploring methods to fix the issue described. I don't have a current timeline on the fix but there is a workaround I can point you to #127017 (comment) . Essentially it is to wrap the outer scroll view in a MediaQuery widget and define a custom gestureSettings that lowers the touchSlop so the outer recognizer can win before the TextField recognizers.

[Scerbelo12]

Thanks, hope you can fix it soon

[flutter-triage-bot]

This issue is assigned to @Renzo-Olivares but has had no recent status updates. Please consider unassigning this issue if it is not going to be addressed in the near future. This allows people to have a clearer picture of what work is actually planned. Thanks!

[urusai88]

I have TextField in PageView. I want to keep TextField vertical scrolling, so i can't wrap TextField in IgnorePointer, but TapAndHorizontalDragGestureRecognizer wins when user trying to scroll horizontally to another page

[flutter-triage-bot]

This issue was assigned to @Renzo-Olivares but has had no status updates in a long time. To remove any ambiguity about whether the issue is being worked on, the assignee was removed.

[flutter-triage-bot]

The triaged-text-input label is irrelevant if there is no team-text-input label or fyi-text-input label.

[Renzo-Olivares]

Hi @Scerbelo12, as of #147341 you can now have a TextField as a descendant of a draggable widget and still have the draggable win the GestureArena. Are you still interested in this proposal?