search

atom-material / atom-material-ui

A dynamic UI theme for Atom that follows Google's Material Design Guidelines
MIT License
816 stars 203 forks source link

Dock toggle button glitch #434

Closed nordboerg closed 5 years ago

nordboerg commented 7 years ago

When there is content in the bottom dock (linter-ui-default in this case) the following glitch appears on startup. It disappears when I open and close the dock, but on startup it's always visible when the dock has been initialized.

ui-bug

OS: windows 10 enterprise atom: 1.19.1

Installed packahes ├── atom-material-syntax@1.0.6 ├── atom-material-ui@2.0.4 ├── atom-ternjs@0.18.3 (disabled) ├── autoclose-html@0.23.0 ├── autocomplete-nunjucks@0.5.0 (disabled) ├── autoprefixer@3.7.1 ├── busy-signal@1.4.3 ├── css-triggers@1.0.2 (disabled) ├── emmet@2.4.3 ├── file-icons@2.1.10 ├── git-plus@7.9.3 (disabled) ├── intentions@1.1.5 ├── json-level-color@0.1.4 ├── language-nunjucks@4.1.0 (disabled) ├── linter@2.2.0 ├── linter-jsonlint@1.3.0 ├── linter-ui-default@1.6.5 ├── linter-xo@0.23.1 ├── minimap@4.29.6 (disabled) ├── minimap-git-diff@4.3.1 (disabled) ├── pigments@0.40.2 (disabled) └── sync-settings@0.8.2

silvestreh commented 7 years ago

This might be an Electron bug. Try launching Atom using atom --enable-gpu-rasterization and let me know if that fixed the issue.

nordboerg commented 7 years ago

I've tried it with the switch, it's kind of the same, but now the black rectangle is taking full width, like this:

screenshot 13

Also today I've noticed that the rectangle is actually not empty all the time:

screenshot 12

Looks like that the content of the bottom bar is being replicated.

silvestreh commented 7 years ago

OK… that's weird… I'll take a look into it

anthony-pinskey commented 6 years ago

I get this too in Atom 1.20.0

silvestreh commented 6 years ago

Are you all on Windows?

anthony-pinskey commented 6 years ago

@silvestreh I am on macOS Sierra 10.12.5

ASafaeirad commented 6 years ago

Same here on Atom 1.20.0 white and black rect glitch :/ OS: windows 10

image

image

ASafaeirad commented 6 years ago

I fixed glitches by removing 'will-change' css property from scrollbar divs. But i have no idea what i've done 🚶

// fix dock button glitch atom-workspace-axis.vertical atom-text-editor .scroll-view > div, atom-workspace-axis.vertical .gutter-container > div { will-change: inherit !important; }

atom-text-editor .wrap-guide { -webkit-transform: none !important; }

MxRay commented 6 years ago

Same issue here. Tested on Windows 10 and Fedora 26. Atom version both times 1.20.1 x64. Theme version 2.0.4

maxiride commented 6 years ago

Same issue both below and on the side scrolling bar, will now test this proposed workaround\fix. Running Atom for Ubuntu 16.04

Algram commented 6 years ago

I can confirm that the change from @frontendmonster fixes the issue for me on Fedora 26.

vdcow commented 6 years ago

Change from @frontendmonster fix dock but breaks scroll bar like in https://github.com/atom-material/atom-material-ui/issues/442 .