Text highlighting/selection issue with Flutter 3.27.2 on Web

[bloemy7]

Have you checked for an existing issue?

• I have searched the existing issues

Flutter Quill Version

10.8.5

Steps to Reproduce

1. Setup project with flutter-quill when running flutter version 3.27.2
2. Try highlighting text to select it

Expected results

Expecting to be able to smoothly select text

Actual results

Almost impossible to select text as it auto-select multiple lines in a very buggy way

Additional Context

The issue seems to be around the precision of the cursor when selecting a line. If you put it exactly at the height of a line, it acts as if it was already slightly above the line, and so it automatically selects the full line. This makes the entire experience impossible to properly control.

I have downgraded Flutter to 3.27.1 and 3.27.0, but there when selecting text it doesn't show the resulting highlight as you are dragging, only once you release the drag, which is not a good experience either.

Any ideas?

[EchoEllet]

10.8.5

Could you try with 11.0.0-dev.20 (or later) as the magnifier has been removed and related issues have been fixed.

[bloemy7]

Hi @EchoEllet, just tried with 11.0.0-dev.21, and it's still happening for me unfortunately.

Screen.Recording.2025-01-21.at.10.29.06.PM.mov

Any other ideas? Thanks!

[EchoEllet]

Is this issue encounterable on Android and iOS, or is this a desktop specific issue?

[bloemy7]

For now we have only seen it on web but I have not tried on the native apps yet, I can get you that information tomorrow.

The main problem we have is that we have the Flutter bug with iOS 18.2 which means that scrolling on iOS web does not work since we still run Flutter 24, but upgrading to 27 causes this issue so I’m stuck in between both. Any help would be amazing!

[jonasbernardo]

I tested it here, on Android the selection with a bluetooth mouse works normally, the problem only happens in the web version, another problem is also when clicking on empty lines, the cursor always appears on the top line and not on the clicked line, but it needs to be between two text when there is an empty space

[jonasbernardo]

i use 11.0.0-dev.20

[jonasbernardo]

These 2 problems are big, which makes the web version very difficult to use, it should be fixed urgently
@EchoEllet
@CatHood0

[EchoEllet]

The main problem we have is that we have the Flutter bug with iOS 18.2 which means that scrolling on iOS web does not work since we still run Flutter 24

Is this a different issue than the text selection?

[bloemy7]

Yes that is a separate bug that is not related to flutter-quill at all, sorry for the confusion here. But it's a bug that forces us to update Flutter version, except that we cannot because of this bug @EchoEllet .

[CatHood0]

I cannot reproduce this issue in Flutter 3.27.3 and the package version 11.0.0-dev.20

[bloemy7]

@jonasbernardo are you able to reproduce as well with the above configuration?

[jonasbernardo]

yes, the problem persisted, I recorded a video running the example within the flutter quill package
@CatHood0
@bloemy7
@EchoEllet

bug-selecao.mp4

[jonasbernardo]

I just forgot to activate the mouse pointer, but in the video I'm trying to select a word and it selects a bunch of things that I didn't select

[jonasbernardo]

@CatHood0
@EchoEllet
@singerdmx
Would you have any tips so I can investigate?