しばらく解決できなくてモヤモヤしていたがようやく原因が分かった。
症状
Electronアプリで文字が二重なる。スクロールすると殘像が残ってエディターアプリなどでは致命的な症状がでていた。bold
じゃないのに太字になっているように見えるが、実際は文字が二重にかさなっているという状態。
解決策
bodyやhtmlの背景にbackground: #fff;
を指定してやれば解決!
あっけない結末であった。
原因
Chromiumのレンダリングに関するバグ。Viewを描画するときに元の背景色が上書きされず、殘像が残ってしまうということらしい。つまり、背景色を設定していないときに起こりうるバグということだろう。
デフォルトの背景色を指定してやることで、描画される毎に背景色がレンダリングされ、文字の殘像が塗り替えられるイメージ。もちろん#fff
じゃなくても好きな色でOKかと思います!