I am using myscript-text-web component for text recognition and it looks and works fine on desktop and Android chrome but on ios chrome and in ios webview component it looks like the component isn't centered and the three dots menu isn't visible. As you can see on this picture the left margins are fully visible but on the right side they are missing. I used the html from the linked page. Any suggestions to fix this issue ?
Best Answer
G
Giorgi Dalakishvili
said
about 1 year ago
I fixed it by changing width: 100% with width: 100vw; in .ms-editor class in one of the files.
Giorgi Dalakishvili
Hello,
I am using myscript-text-web component for text recognition and it looks and works fine on desktop and Android chrome but on ios chrome and in ios webview component it looks like the component isn't centered and the three dots menu isn't visible. As you can see on this picture the left margins are fully visible but on the right side they are missing. I used the html from the linked page. Any suggestions to fix this issue ?
I fixed it by changing width: 100% with width: 100vw; in .ms-editor class in one of the files.
- Oldest First
- Popular
- Newest First
Sorted by Oldest FirstOlivier @MyScript
Dear Giorgi,
Currently, did you apply the CSS as explained in the documentation (e.g. margin: 0 in the body)?
Is the following properly displayed: https://myscript.github.io/myscript-text-web/#/elements/myscript-text-web/demos/get-started-[v4] ?
Otherwise, please provide us with your code, so that we can reproduce and better understand.
Best regards,
Olivier
Giorgi Dalakishvili
I fixed it by changing width: 100% with width: 100vw; in .ms-editor class in one of the files.
Olivier @MyScript
Dear Giorgi,
thank you for the update, I am glad issue is solved.
Best regards,
Olivier
Giorgi Dalakishvili
It will be nice if you fix it in the npm package as well