Text for some tabs is blurry on OSX

[jesperalmstrom]

When dragging the atom window from the retina display to a external display the tab text becomes blurry.

The other texts look fine (as you see in the screen shot).

This only happens to the first tab. If you open a second tab and highlight that one, it looks fine (no blurry text). The first tab also appears to be fine, but when you highlight the first tab again it gets blurry.

Moving it back to the Retina display, everything looks great.

[taylorlapeyre]

Getting this on non-retina screens as well:

[izuzak]

Yeah, I'm noticing this too, on a non-retina screen (MacBook Air, Atom 0.96.0):

Keep your eyes on the left tab. When it's not selected or when I just mouse-over it -- the text is not blurry. However, once I focus it -- the text becomes blurry. Interestingly, the right tab is never blurry. 😭

[izuzak]

@jesperalmstrom I hope you don't mind -- I updated the title of this issue so that it's a bit more generic (i.e. doesn't seem that it's related to having an extra display).

[taylorlapeyre]

Possible Fix

In Settings there is an option labeled Use React Editor. When I disabled this, it fixed this issue, as well as others I was having.

[izuzak]

In Settings there is an option labeled Use React Editor. When I disabled this, it fixed this issue, as well as others I was having.

Unfortunately, this doesn't fix the blurriness for me. It's interesting that it did fix it for you, though. Hm 💭

[eddiemonge]

Seems like the first instance of a tab is clear then others are fuzzy. Split tab names are fuzzy too

This is using the React editor. Don't know if that makes a difference.

[benogle]

This was a css issue in the atom-dark-ui. For some reason, the z-index + some height stuff was messing it up. The atom-light-ui theme seems unaffected. Should be in the next release.