edit text scrolling too fast

[JOJ0]

Hi, I am using System Designer for a couple of weeks now on my iPhone SE. Editing text (eg. a schema or actually anything) really is a pain. The App works in Landscape mode only that's why the field to edit text is very very tiny (6 lines of text are visible at a time). To set the cursor to a specific point by long pressing, so the zoom looking glass is showing up and then trying to scroll to the required position is almost impossible as it is scrolling way too fast. The only way to set cursor to the required position is trying to aim for it and getting it right with the first tap to that point. Sorry hard to explain but it is almost impossible to exactely hit the point where eg a colon should be put in. Also when scrolling with the "looking glass" the top part of the keyboard is in the way (the part with up/down arrows and the "Done" button)

Two suggestions:

• reduce scrolling speed (appologies if this is a local global iOS setting :-)
• make editing possible in Protrait mode, that would show more text and generally would be more user friendly as usually people are used to edit text with one hand in this mode.

• [ ] System Designer version number: (v3.3.0)
• [ ] System Designer platform: (iOS)
• [ ] Your OS version: (12.1.4)
• [ ] If use on a phone, please give the model: (iPhone SE)
• [ ] Steps to reproduce the problem: edit text eg a schema

Hope my description was clear enough, I had kind of a hard time to explain, get back to me with any questions for more details or anything.

Thanks in advance and all the best :-) Jojo

[ecarriou]

Thanks for reporting the issue.

I will check how to fix the issue, but I did not do specific things about the iOS version (I use the basic functions of Cordova and the editor I used (CodeMirror) is, as I know, one of the best we can found for mobile). Anyway I will look at the open issues on those projets and see if there is something relating your problem.

I have made before some tests with portrait mode, but I was not due to the "small" screens of mobile, I have preferred to enable it only on iPad/tablets. To enable it on mobile will mean to remove some information on portrait mode to make it work. I can retry to see if it is still useable.

[ecarriou]

I have just published the mobile version of System Designer mode here: https://designfirst.io/design . Portrait mode is enabled but it is better to use it on landscape mode. Try to use this version to see if the issue you had with scrolling is fixed.

By the way, this version has all the features of iOS version. If you want to have the same look and feel as the iOS version, just add the site to your home screen with the share button of Safari.

[legosteve]

What would also be extremely helpfully is to have a “cursor”row added to the keyboard to help navigate text. Even just a right and left one character. If you did decide to do this, I would recommend also exposing the API as an extension or addon so users could add additional actions.

[ecarriou]

On iOS you can use force touch to put the cursor where you want. But yes, adding a cursor row would be a good idea.

You can create some extensions to add an icon into the toolbar to move the cursor. You have a direct reference to the editor with this.require('editor').editor() (Ace instance on desktop / Codemirror instance on mobile).