Search code examples
mobile-safariios11mobile-chrome

Cursors are shifted on iOS

Could anybody help me? I have an issue related with shifted cursors. Problem is only on in chrome and safari on iOS 11. It looks like

enter image description here

enter image description here

Thanks

Solution

  • This appears to be related to a WebKit bug wrong caret position for input field inside a fixed position parent on iOS 11 demonstrated by Eirik Luka.

    Possible workarounds:

    • Stretch the dialog to the edges of the window, hiding the rest of the content in the body with display: none

    • Change the container from position: fixed to position: absolute

    • Do not use modal dialogs