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

QuillJs mobile focus issue with framework7 #1948

Closed
joelmora opened this issue Feb 8, 2018 · 2 comments
Closed

QuillJs mobile focus issue with framework7 #1948

joelmora opened this issue Feb 8, 2018 · 2 comments

Comments

@joelmora
Copy link

joelmora commented Feb 8, 2018

Hi, I have a focus issue when using quill with framework7 on a mobile phone. When you touch the screen on the main content (any paragraph) you should see the cursor right away to start typing, instead of that is not happening anything, I mean the .ql-editor never gets the focus and obviously the cursor never appears.

Quilljs works when I remove the framework7, so it's definitely an issue when using the 2 libraries at the same time.

I've done several tests to try to set the .ql-editor with a different z-index with no look. Can somebody give me a hint?

Actual behavior:
QuillJs + framework7

  1. Open this https://codepen.io/xipojaliji/pen/GQrdgw on your mobile browser
  2. Touch any part of the text
  3. You should see nothing happens, the editor does not have focus

photo_2018-02-08_17-49-59

Expected behavior:
Just QuillJs

  1. Open this https://codepen.io/xipojaliji/pen/BYpxKe on your mobile browser
  2. Touch any part of the text
  3. You should see the editor now have focus and you can start typing

photo_2018-02-08_17-50-27

Platforms:

  • Android 5.1
  • Browser: Chrome
  • Framework7 2.0.7

Version:

  • Quill 1.3.5
@stargurl16
Copy link

It appears to be that the framework 7 built-in fastclick is preventing the editor to focus. So just adding the class "no-fastclick" to the editor should solve the problem.

@joelmora
Copy link
Author

It works!!! @stargurl16 Thanks man, I was stuck at this.

@joelmora joelmora closed this as completed May 3, 2018
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

2 participants