iink SDK Web

Answered

The line extends to the top left

sometimes while drawing, the line extends to the top left

This is not a problem that happens every time.


I don't know the conditions which this issue occurs

Do you know anything about this issue?

It's happening on safari.

iink-js 1.4.2

iink math


image



Best Answer

Dear Toru Kuniyoshi San,


After reproducing internally, we were able to find the cause : as you have a "space" in between the editor and the actions, somes gestures done in between both are  detected as "pan and zoom".


As the pan and zoom is not supported, the editor finds itself in a unsupported state.


At present, the solution is that you proceed as in our code sample, i.e. "no pan shall be possible", such as having no space in between the editor and the actions.


Best regards,


Olivier


Dear Toru Kuniyoshi,


Thank you for contacting us.


Currently, such issue can occur for several reasons:

-First, did you include pep.js? <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>

-Did you also add the touch-action:

For example:
<div touch-action="none">
<nav>
<button class="action-button" id="clear" disabled></button>
<button class="action-button" id="undo" disabled></button>
<button class="action-button" id="redo" disabled></button>
<div class="spacer"></div>
<button class="action-label-button" id="convert" disabled>Convert</button>
</nav>
<div id="editor"></div>
</div>

Let us know if this helps.


Best regards,


Olivier

Thanks for the answer.

but, I already added it.


<div touch-action="none">

import'pepjs'

library versions


"iink-js": "^1.4.2",

"pepjs": "^0.5.2",

Dear Toru Kuniyoshi,


Currently, which version on the Safari and iOS are you using.? Indeed, it seems there may have such issues using Safari on iOS 13.4. Do you have the possibility to test using a device with another release of iOS?


Best regards,


Olivier

Also, did you try using our webdemo: https://webdemo.myscript.com/


Are you reproducing?


Best regards,


Olivier

Does this issue occur on 13.4 and below?

Is it resolved by updating to 13.5 or more?


Device information is below


iPad

iOS 13.3.1

useragent

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15

I don't know the conditions which this issue occurs.

I will contact you if I reproduce on the demo site.

Dear Toru,


Currently, on our side we do not have any device that allows to reproduce with our webdemo.


We know there were some issues with Safari on iOS 13.4 (this appears to be an iOS bug), faced by customers, but we were not able to solve these, the solution consisting in updating to the a newer version of the iOS.


For this reason, please try to reproduce with our webdemo ; if you cannot, we will need your project to investigate further.


Best regards,


Olivier

I finally found the cause.

It can be reproduced with little fix of this code.


https://github.com/MyScript/iinkJS/blob/master/examples/v4/websocket_math_iink.html 

<div style="position: fixed; bottom: 0;">
  <div id="editor" touch-action="none"></div>
</div>


The problem occurs when 

1. we put the myscript DOM inside the "position: fixed"

2. using iPad device, safari (iOS 13.3.1)

3. drawing text after pinch & zoom the screen


I don't have the latest iPad, so I'm not sure if this issue occurs on the latest iOS version.

image


hi, did you see the post I sent last time?

Have you found anything?

Is there anything I can do to solve this problem?

Dear Toru Kuniyoshi San,


thank you for the update.


Don't you have the possibility to test on another iOS flavor? Indeed, as indicated earlier, we faced display issues (not much similar to the one you are facing) on iOS 13, which seem to have been solved in later releases of iOS.


Also, when not doing pinch and zoom, I understand you do not have the issue? Indeed, on our side, we do not support these in our iinkJS, and we do not plan to support these at present.


Best regards,


Olivier

I can reproduce it with the xcode simulator ios13.5 iPad on this site.

https://mysc-demo-kuni.firebaseapp.com/v4/websocket_math_iink.html


I understand that you don't support it.

Please let me know if there is any progress.

Dear Toru Kuniyoshi San,


Thank you for the link.


I was indeed able to reproduce the behavior on iOS 13.5, but not on older releases of ios (10.x).


Without your project, it is difficult to understand what can be happening. Would it be possible to have it?


Best regards,


Olivier

Login or Signup to post a comment