Sometimes when I start atom, or the window is reloaded, or even sometimes when I switch to another open tab, the contents of some files are displayed all bunched up in a small segment near the top of the pane.
I haven’t been able to consistently reproduce this, but here are the common circumstances:
- Have multiple panes open, with the same file open in a tab of multiple panes
- Cause a file to be reloaded/reprocessed (reload the window, open a file in some pane, etc.)
The pane displays the contents of the file
The pane displays all text tiles on top of each other, with missing/malformed CSS attributes such as
width: 0px;, and missing the
translate3D attribute that controls scrolling position of the tile.
Screenshots and GIFs
(Sorry, I took a screen recording with quicktime rather than licecap)
recording of the problem
A capture without safe mode:
An example of how the tile divs look normally:
mac OS : 10.12.1 Atom : 1.12.6 Electron: 1.3.9 Chrome : 52.0.2743.82 Node : 6.5.0
Community Packages (28) /Users/polygon/.atom/packages ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org ├── email@example.com ├── firstname.lastname@example.org └── email@example.com └── (empty)
- Problem can be reproduced in safe mode: Yes
- Problem started happening recently, didn’t happen in an older version of Atom: No
- Problem can be reliably reproduced, doesn’t happen randomly: No
- Problem happens with all files and projects, not only some files or projects: Yes
The only way to solve this problem seems to be closing that tab in that pane, and then opening it again. Reloading the window doesn’t solve the problem, and most of the time I can completely restart atom without any change (that’s actually how I was able to capture this in safe mode). I did eventually run
--clear-window-state, which “solved” the problem insofar as all the tile display issues had disappeared.
In the recording, you can see that I have the inspector open, with the view focused on the tile elements of the offending pane. You can see that if I scroll around in the file, the tiles change but they are still rendered on top of each other. I then switch to an unaffected pane, find the corresponding elements in the inspector, and scroll. You can see that the elements in the properly rendering pane have many more inline attributes than the first ones, including a non-zero width, and a translate3d attribute that controls their vertical positions.
I don’t pretend to understand the structure of the atom source code, but the only place I found that mentioned
translate3d and was related to tiling lines was this file.
This is a bug I have lived with for a while, and I finally decided to write this report. I hope this helps!