In React Rich Text editor while typing, the keypad get closed automatically in mobile

[amazinggadget]

I am using react rich text editor with react. I have used this editor in an application. While typing in mobile the keypad get closed automatically. After typing first word on every line I am getting this issue. How to rectify from this issue?

[sstur]

Does this happen in the demo editor if you open react-rte.org on mobile?

I am not sure if this is related to react-rte or draft-js (on which this is built) or in your application code.

You might want to post a minimum verifiable example that reproduces this problem.

[amazinggadget]

Yes, in the demo editor also it does the same. Please check the following demo editor link in your mobile. After typing a word in first line wait for a second.

Link: https://react-rte.org/demo

[sstur]

This problem does not happen for me (tested on iOS and Safari). I have not tried Android/Chrome.

Can you try the demo editor at https://draftjs.org and tell me if you see the same issue?

Edit: This does repro in Android when I tested.

[amazinggadget]

okey. I have tried react-rte in android mobile so I got that problem. I am currently using this in my application so can you check in android mobile and rectify it?

I have checked the draft.js, it was working fine in android mobile.

[srosset81]

It seems Android is not fully supported by Draftjs yet. :(
facebookarchive/draft-js#888 (comment)

[michaeljota]

It seems like that issue have been closed, and address correctly. I tested the latest version of Draftjs, and it was working fine on Chrome 55, Android 5.0.

EDIT: Maybe the demo page of Draft uses the development version, cause it does not seems like the fix landed 0.10.0.

EDIT: They are tracking a v0.10.1 release. facebookarchive/draft-js#1158. This should contains the fix, without the broken API that v0.11.x would bring.

[michaeljota]

@sstur Draft.JS 0.10.1 it's published. It should contain the fix for this issue. 👍

[sstur]

Awesome news. Let me know if there's anything broken with react-rte when using it with Draft v0.10.1.

[michaeljota]

I test it from develop and nothing got broken. :)

[bherila]

Closing because it looks like this is now resolved.

[michaeljota]

This package keeps depending on an old version of draft. The issue is resolved in the lastes however.

[bherila]

@michaeljota I updated the draft-js dependencies.

[michaeljota]

I'm sorry, I just still seeing draft-js at ^0.9.1 version. The fixed version is 0.10.1

[bherila]

Sorry, for some reason my npm didn't update the package! Fixed.

[michaeljota]

Thanks. :)

[srosset81]

@bherila Is the demo site (https://react-rte.org/demo) using the latest version ? Because it is still very buggy under Chrome 59 / Android 5 :(

Edit: Apparently it is not fixed yet: facebookarchive/draft-js#1224

[michaeljota]

Try in the draft-js demo page. If it does not work, then there is nothing to do here.

[bherila]

Yep it is a known issue that mobile support in draftjs is a work in progress :(