FireFox: Placing CodeMirror in a css transform: translateX causes offset content & cursor #2660

Closed
opened 2014-06-24 19:46:16 +02:00 by marijnh · 1 comment
marijnh commented 2014-06-24 19:46:16 +02:00 (Migrated from gitlab.com)

Steps to reproduce:
On the demo (http://codemirror.net/), in FireFox

  1. add the following declaration to article
tranform: translateX(-500px)
  1. add the following declaration to #demo
left: 500px;

Note that the content is offset and the cursor is nowhere to be found (in fact it is just incorrectly positioned).
screen shot 2014-06-24 at 1 43 14 pm

Safari & Chrome do not exhibit this behavior.

Steps to reproduce: On the demo (http://codemirror.net/), in FireFox 1) add the following declaration to article ``` tranform: translateX(-500px) ``` 2) add the following declaration to #demo ``` left: 500px; ``` Note that the content is offset and the cursor is nowhere to be found (in fact it is just incorrectly positioned). ![screen shot 2014-06-24 at 1 43 14 pm](https://cloud.githubusercontent.com/assets/326396/3375212/655af0ba-fbc7-11e3-96ad-58674fab4f85.png) Safari & Chrome do not exhibit this behavior.
marijnh commented 2014-06-24 21:03:40 +02:00 (Migrated from gitlab.com)

Yep. This is #2443

Yep. This is #2443
marijnh (Migrated from gitlab.com) closed this issue 2014-06-24 21:03:40 +02:00
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
codemirror/codemirror5#2660
No description provided.