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.