TomBursch
Bug: iOS Safari cursor in recipe description
Is this urgent?
No
What parts are affected
Frontend
What is the server version
0.4.19
What is the client version
iOS 17 Safari
What platform are you using
Web
What's the problem 🤔
This is kind of difficult to describe, and it's difficult to capture screenshots or videos since it occurs on my phone, so apologies in advance if it's unclear.
For clarity, I want to mention that there are multiple ways to place the cursor in text fields on iOS:
- Tap the text field in the approximate position of where you want the cursor to be placed.
- Long-press near the cursor's position in the text field and move your finger around. iOS places a magnifying-glass widget above your finger displaying an enlarged view of the cursor's position under your finger as you move it.
- Long-press the spacebar on the keyboard and then move your finger around
This report is regarding methods 1 and 2. (Method 3 seems to work okay, based on some quick testing, but I haven't tried it extensively as it's the one I use least.)
The Bug
When moving the cursor in the "Description" field for a recipe via the website in Safari on iOS, the cursor's actual position will sometimes be placed at a significantly different point in the text than the user's finger. This bug occurs both for long-pressing in the text field (method 2 above) and for tapping (method 1 above).
In some cases, while dragging one's finger to fine-tune the position in method 2, it's actually possible to see a second magnifying-glass widget, sort of double-magnifying the first. I did manage to snag a screenshot of this behavior:
You can also see a light-gray cursor. That's very approximately where I would expect the cursor to go, but it will remain visible only for a moment, and you can see that it's not actually inside the magnifier, as it would usually be. And you can also see the position where the actual cursor will be dropped (the green cursor).
Apologies, I haven't been able to determine what exactly triggers this bug, or at least makes it bad enough to be noticeable. I think it may be related to the quantity of text - it seems to get worse when there are multiple wrapped lines, and near the end of recipes. On the other hand, a 3-line test recipe with no wrapping is enough to trigger mild versions of it, including the double magnifier.
Share your logs
No response
Share your configuration
No response
Thanks for the detailed issue! However, I don't think there is much I can do about this. This seems like an upstream flutter issue and needs to be addressed there. (If you search for safari + flutter, you'll find many issues like these). I'll leave this open nonetheless for others to see.
