Gutter line numbers provide incorrect height calculation when editor is transform: rotate(ndeg) #52

Closed
opened 2018-11-04 19:52:08 +01:00 by colelawrence · 2 comments
colelawrence commented 2018-11-04 19:52:08 +01:00 (Migrated from github.com)

This may be a weird issue, but I was just playing with the editor on the demo page and after adding the style .CodeMirror { transform: rotate(15deg); } through Chrome dev tools, the gutter line height calculations broke.

image

I was thinking about this while thinking about how I could prototype a system like this projected editor I found while researching Dynamicland

This may be a weird issue, but I was just playing with the editor on the demo page and after adding the style `.CodeMirror { transform: rotate(15deg); }` through Chrome dev tools, the gutter line height calculations broke. ![image](https://user-images.githubusercontent.com/2925395/47968469-7fb29300-e038-11e8-955a-c39c48da889a.png) I was thinking about this while thinking about how I could prototype a system like [this projected editor](https://youtu.be/ulkNKQQ0D9g?t=53) I found while [researching Dynamicland](https://rsnous.com/posts/notes-from-dynamicland-geokit/#making-geokit)
marijnh commented 2018-11-04 21:44:03 +01:00 (Migrated from github.com)

The way transforms interact with how the browser reports element sizes makes it really hard to measure elements in such a situation. Transformed editors are probably something we won't be able to support.

The way transforms interact with how the browser reports element sizes makes it really hard to measure elements in such a situation. Transformed editors are probably something we won't be able to support.
colelawrence commented 2018-11-04 22:35:50 +01:00 (Migrated from github.com)

Makes sense! Thanks

Makes sense! Thanks
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/dev#52
No description provided.