Text for tabs is blurry on external display in OS X with animated cursor about tabs HOT 8 CLOSED

Does switching to the new react editor fix your issue? Open settings and check 'Use React Editor'.

from tabs.

That seems to make it worse! Now my cursor doesn't animate (I can live with that). But the tab is permanently blurry now. It still only happens on my external display though. On the laptop screen it looks good.

from tabs.

@dmnd Just to make sure -- which version of Atom are you using?

from tabs.

@izuzak I'm using Atom 0.106.0 on OS X 10.9.3

from tabs.

I just had the same problem that my tab was blurry. I tried to play around with the CSS properties, and as soon as i remove z-index: 1 it will be normal. When i add z-index: 1 back its blurred again. Dont know why it could be, but i hope that helps you.

Atom Version: 0.106, Editor: React
I cannot reproduce how i got into this state. But it happens a lot of times.

z-index: 1 (default)

z-index: 0 (test)

from tabs.

If i hover a color in the image view, the tab also gets a blurry font.

from tabs.

i also noticed now, that the blur is getting removed when i add z-index: 1 to div.item-views. If that helps.

I added it to my styles.less and didn't had issues with blurred tabs now. No side-effects found so far.

.item-views {
  z-index: 1;
}

from tabs.

.item-views { z-index: 1; } works for me too.

from tabs.