Skip to content

Consider adding will-change: transform even if translate3d if disabled #426

@nbdd0121

Description

@nbdd0121

monaco-editor version: 0.8.3
Browser: Chrome 57
OS: Windows 10
Steps or JS usage snippet reproducing the issue: set disableTranslate3d: true in options

Currently in Chrome, if the browser is not having integer pixel ratio, using translate3d will cause texts to be blurry. So I set disableTranslate3d to true to workaround this issue. However, using top instead translate3d results in bad performance, since the whole editor has to be repainted when scrolls. The issue is caused since .lines-content is not in its own layer. Simply adding will-change: transform seems sufficient to keep the div in its own layer without causing the blurry issue.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions