prism-code-editor icon indicating copy to clipboard operation
prism-code-editor copied to clipboard

Autocomplete fails on mobile devices

Open dmitrijsc opened this issue 10 months ago • 4 comments

Hello

I'm excited to share that I’ve finally deployed the latest version and am currently setting up JavaScript snippets for Jsonata.

I'm using version 4.0.0-beta.1, but I've noticed some issues with autocomplete functionality on mobile devices. Specifically, the Netlify demo app doesn’t display suggestions for me on either Edge or Chrome (on Android). In my deployment, it captures only the first character and shows recommendations. However, as soon as I type a second character, the suggestion popup disappears.

I haven’t had a chance to debug this yet, but I wanted to bring it to your attention.

Thanks!

dmitrijsc avatar Jan 08 '25 10:01 dmitrijsc

The netlify demo app doesn't have autocomplete at all, so you won't get any suggestions there with any device.

I have zero issues with the suggestions closing after typing the second character on Google Chrome (Android) when running the docs website (from the v4 branch) in development mode. Maybe your phone has a virtual keyboard that behaves differently, but I wouldn't know what the issue is.

jonpyt avatar Jan 08 '25 14:01 jonpyt

Thanks! I will have a look and deploy the docs website a bit later to confirm it.

Autocomplete works fine in the Netlify app with implicit autocomplete turned on: image

dmitrijsc avatar Jan 08 '25 14:01 dmitrijsc

Oh, I completely forgot I added autocomplete to the demo page. With "Implicit autocomplete" off, suggestions will only appear when pressing Ctrl+Space, not when typing. With "Implicit autocomplete" on, it will work yeah. Are there zero issues on your phone with "Implicit autocomplete" on?

jonpyt avatar Jan 08 '25 14:01 jonpyt

No, it does not work there at all. Tried it in Edge and Chrome. Most likely it is coming from my Samsung S22 device. I will try another phone to confirm the guess.

dmitrijsc avatar Jan 08 '25 14:01 dmitrijsc