Keyboard comes up on safari mobile, when clicking on any svg element

[gedw99]

wonderful project and gui !

I think this one is a pretty easy fix with a high UX impact.

Describe the bug

keyboard comes up on Safari mobile

To Reproduce
Steps to reproduce the behavior:

1. Add a few elements.
2. Click on any one.
3. Keyboard opens , stopping me working .

Expected behavior

Keyboard editor should not come up.

SVG-Edit environment (IMPORTANT)
V7 master off your GitHub pages ( I presume ).

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [safari]
• Version : latest public.

Screenshots

I think this is an easy fix. Enter hints , I think will do it .

https://www.w3schools.com/tags/att_enterkeyhint.asp

had similar big here: starfederation/datastar#468 and you can see the fix.

the fix is not identical but I think it’s in the right area ..

[gedw99]

I think this is the fix ?

https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/

[gedw99]

Btw I noticed it does not happen all the time .

could not pin down a deterministic reproduction.

[jfhenon]

I see the issue. You are likely on the right direction to solve the issue but it's difficult to determine the fix without a reproducible scenario.

[gedw99]

Do you have Safari ?

[jfhenon]

yes

[gedw99]

It just did it by dragging a rect and then another react .

It is easy to reproduce off the tip .

https://svgedit.netlify.app/editor/index.html