[Mobile] after inserting the image, the cursor should appear after the image instead of before it

[renntbenrennt]

My issue is about [Mobile]

I have tried running example directory successfully before creating an issue here.

As stated in the title, and you can also see in this recorded video:

RPReplay_Final1629966188.MP4

If the cursor placed before the image, it will make it really hard to create a new line for more content because it's really hard to place the cursor after the image inserted...

Thank you.

[singerdmx]

Code for this logic is at dc66cf1

Flutter somehow has no way to tell the width of the image and hence we cannot determine the cursor position.

You can give it a try by playing the code around dc66cf1

[renntbenrennt]

@singerdmx

Yes, I see.

But what confused me was, from the commit message, I assumed that commit was intended to fix the problem I was talking about in this issue.

And obviously, it didn't work.(The code I am running is the latest, containing the change in the commit you linked)

And now I have another idea to resolve this issue(that it will difficult to add new content after the image is inserted). But I tested it in my machine that's not working as expected.

So, the basic idea is, instead of move the cursor after the image after it's inserted, we could just programmatically add a new line after the image, that way, the cursor should be below the image and the user can do whatever they want after image insertion.

Following this assumption, I have tried add this line of code, for adding new line,

controller.document.insert(length, '\n');

after this line of code:

flutter-quill/lib/src/widgets/toolbar/image_video_utils.dart

Line 72 in d401879

controller.replaceText(index, length, BlockEmbed.image(imageUrl), null);

which I assume that it's for adding image to the editor.

Sadly, it's not working as expected... maybe it's not how a newline is added or I made a mistake of passing the parameter.

[singerdmx]

Try flutter_quill: ^2.0.3, see if it still appears

[singerdmx]

If you click on the area behind the image, the cursor will be behind it