question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Incorrect positioning of cursors inside css transformed quill

See original GitHub issue

How to reproduce:

  1. go to https://jsfiddle.net/mpdjea7f/
  2. type into User 1 box, highlight a word
  3. See in User 2 box, the cursor position and selection are offset.

There is an issue with positioning when a div or any parent div has a css transform rotate/scale.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
manstiecommented, Nov 9, 2020

Interesting, I hadn’t tried that. I’ll see what I can do.

1reaction
alecgibsoncommented, Nov 9, 2020

Okay, this is a bit outside the original scope for this library, and I’m not sure I’ve got time to work on this, but a pull request would be more than welcome!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Multi-cursor incorrect position when scaled · Issue #635 - GitHub
Caret is out of place when the container element and/or a parent is scaled. Steps for Reproduction. Visit [http://quilljs.com/examples/] ...
Read more >
Cursor Position is incorrect when CSS Transform Matrix ...
I'm using Ace Editor in my App and when CSS Transform Matrix is applied to the container div, the cursor position is positioned...
Read more >
The Curious Case of Cursor Jumping - Mutually Human
Cursor jumping is simply when the cursor jumps from one location to another, unexpectedly, while the user is typing into a text field....
Read more >
cursor - CSS: Cascading Style Sheets - MDN Web Docs
The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
Read more >
API - Quill Rich Text Editor
This will be the same as the Delta passed in, if given Delta had no invalid operations. Source may be "user" , "api"...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found