Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

weird CSS/GL artifacts when scrolling in Chrome 69 / Chromebook #10532

Closed
qmx opened this issue Sep 20, 2018 · 7 comments
Closed

weird CSS/GL artifacts when scrolling in Chrome 69 / Chromebook #10532

qmx opened this issue Sep 20, 2018 · 7 comments

Comments

@qmx
Copy link

qmx commented Sep 20, 2018

it happens when I scroll on a thread on rust-lang zulip

Not sure how to provide more actionable debugging info, feel free to ask for more information.

screenshot 2018-09-19 at 2 26 17 pm

@akashnimare
Copy link
Member

@qmx Can you reproduce this on other tabs/websites? Also, does it happen frequently?

@qmx
Copy link
Author

qmx commented Sep 20, 2018

it happens exclusively in zulip, and happens so frequently that makes Zulip unusable :(

Any CSS styles that would trigger GPU rendering? I just need more directions on how to help debugging this...

@akashnimare
Copy link
Member

akashnimare commented Sep 21, 2018

Any CSS styles that would trigger GPU rendering?

Yeah, it's highly possible that some CSS style causing that issue. If we can reproduce this bug then surely we can fix it.

Some related discussion -

https://stackoverflow.com/questions/12502234/how-to-prevent-webkit-text-rendering-change-during-css-transition

https://groups.google.com/a/chromium.org/forum/#!topic/chromium-os-dev/eGYzE8l1D8c

The other thing you could do is to see whether this is reproducible on the desktop app, other browsers etc so that we can narrow down the cause behind this.

@qmx
Copy link
Author

qmx commented Sep 21, 2018

another data point, looks like it's related to the hovering that happens when you have your mouse pointer on top of the conversations while you scroll down.

@zulipbot
Copy link
Member

Hello @zulip/server-browser-support, @zulip/server-message-view members, this issue was labeled with the "area: browser-support", "area: message view" labels, so you may want to check it out!

@timabbott
Copy link
Sponsor Member

Woah, I have never seen anything like this before. It's almost certainly a browser bug; Chrome 69 is new in the last week or so; hopefully Google upstream is going to fix this, but we probably can't count on that.

It is possible we might be able to do a CSS workaround for this. @qmx if you want to try using the Chrome inspector to disable CSS rules on the affected area until the glitch goes away, that's probably the best way to determine the root cause for this.

Also, does this affect everything in the organization, or just some messages? A link to a specific message that has this would be valuable.

@timabbott
Copy link
Sponsor Member

Closing this as never reproduced and likely fixed upstream by Chrome.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants