Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

cursor is drawn outside view when scrolling on mobile Safari #254

Closed
JannemanDev opened this issue Jul 20, 2020 · 8 comments
Closed

cursor is drawn outside view when scrolling on mobile Safari #254

JannemanDev opened this issue Jul 20, 2020 · 8 comments

Comments

@JannemanDev
Copy link

JannemanDev commented Jul 20, 2020

  1. Goto https://codemirror.net/6/examples/zebra/
  2. place cursor on first line
  3. scroll the view down to bottom line

you will notice that the cursor is drawn outside view when scrolling

Update: use a mobile browser for example on iPad or iPhone.

@curran
Copy link
Contributor

curran commented Jul 20, 2020

Cannot reproduce in Chrome in Linux. What is your browser and OS?

@slrtbtfs
Copy link

Can't reproduce on Firefox / Linux either.

@marijnh
Copy link
Member

marijnh commented Jul 20, 2020

If this is Mobile Safari, yes it does that, and there's no known solution to it. Otherwise, yes, please provide a bit more information.

@JannemanDev
Copy link
Author

JannemanDev commented Jul 21, 2020

Sorry I forgot to mention my platform: I used Safari, but it also happened on Firefox and Chrome, all on my iPad and iPhone.

In screenshot below I had put the cursor on the first line and scrolled some lines down.
image

@JannemanDev
Copy link
Author

Btw: I also tried Ace Editor and when you open http://ajaxorg.github.io/ace-builds/demo/scrollable-page.html on your mobile browser and do the same steps as mentioned above, it does work (on all mobile browsers). So some way some how it is possible :)

@JannemanDev JannemanDev changed the title cursor is drawn outside view when scrolling cursor is drawn outside view when scrolling on mobile browsers Jul 21, 2020
@marijnh
Copy link
Member

marijnh commented Jul 21, 2020

I also tried Ace Editor

That doesn't use the native cursor, so that's a different story.

@marijnh
Copy link
Member

marijnh commented Jul 21, 2020

I used Safari, but it also happened on Firefox and Chrome, all on my iPad and iPhone

Those, due to Apple's bizarre platform rules, all using the same rendering engine.

@marijnh marijnh changed the title cursor is drawn outside view when scrolling on mobile browsers cursor is drawn outside view when scrolling on mobile Dec 14, 2020
@marijnh marijnh changed the title cursor is drawn outside view when scrolling on mobile cursor is drawn outside view when scrolling on mobile Safari Dec 14, 2020
@marijnh
Copy link
Member

marijnh commented Apr 1, 2022

Merging this into #459

@marijnh marijnh closed this as completed Apr 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants