LoginSignup
4
2

More than 5 years have passed since last update.

Electronで文字が二重になるバグの解決方法

Last updated at Posted at 2017-01-25

しばらく解決できなくてモヤモヤしていたがようやく原因が分かった。

症状

Electronアプリで文字が二重なる。スクロールすると殘像が残ってエディターアプリなどでは致命的な症状がでていた。boldじゃないのに太字になっているように見えるが、実際は文字が二重にかさなっているという状態。

sam.jpg
こういうやつ。

解決策

bodyやhtmlの背景にbackground: #fff;を指定してやれば解決!
あっけない結末であった。
sa.jpg

原因

Chromiumのレンダリングに関するバグ。Viewを描画するときに元の背景色が上書きされず、殘像が残ってしまうということらしい。つまり、背景色を設定していないときに起こりうるバグということだろう。
デフォルトの背景色を指定してやることで、描画される毎に背景色がレンダリングされ、文字の殘像が塗り替えられるイメージ。もちろん#fffじゃなくても好きな色でOKかと思います!

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2