Text flickers with cursor animations


#1

I’m not sure which component of Atom this particular issue falls under so I’m looking for some guidance on reporting it.

I am running Atom 1.23.3 ia32 in safe mode. My styles.css contains only:

.cursor, atom-text-editor.editor .cursor {
      transition: 65ms;
}

It also happens with other cursor transition types, like:
transition: opacity .5s;

Each time the cursor blinks in an editor, it causes some text elements within the editor to flicker, but not all text. I’ve included an animated screen capture.

flicker

Please advise.


#2

My guess is that the flickering comes from the high transition frequency: 65ms is actually a LOT.

I personally have this one in my stylesheet:

atom-text-editor.editor {
  .cursor {
    transition: opacity 0.5s;
  }
}

With half second of transition, no flickering issues!


#3

This also looks pretty similar to this issue?

See Nathan’s comment for more details /cc https://github.com/atom/atom/issues/15626#issuecomment-338801822.