Bug When Viewing Site With Google Chrome (Mac and PC)

aslapazzolini · Member · Sep 28, 2016 at 1:58 pm
Copy link

Add topic to favorites
When viewing ‘https://cla.asla.org/’ using Google Chrome Version 53.0.2785.116 (64-bit), a bug exists when scrolling. As you scroll down the page, the text and other elements seem to ‘slide / push off the page’ (i.e. elements start to disappear as you scroll).

The blog I need help with is: (visible only to logged in users)
aslapazzolini · Member · Sep 28, 2016 at 3:30 pm
Copy link
I found the problem, but I am not sure how to resolve it. The following CSS is causing the issue…

https://s0.wp.com/_static/??/wp-content/mu-plugins/actionbar/actionbar.css,/wp-content/themes/h4/global.css?m=1475030649j

div#actionbar {
-webkit-backface-visibility: hidden;
}

Please note that WordPress marked my previous comment as “The blog I need help with is dirt.asla.org.” – This is NOT correct.

The bug exists on cla.asla.org.

Thanks
supernovia · Staff · Sep 28, 2016 at 9:31 pm
Copy link
Hi @aslapazzolini, it actually looks like this bug is caused by the site’s custom CSS:
```
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	position: fixed;
}
```
Specifically that last declaration with the “position: fixed” … can you take out, and let us know what you were intending to do there?
aslapazzolini · Member · Sep 29, 2016 at 1:31 pm
Copy link
Hey @supernovia, your suggestion worked. I changed the CSS to the following:

html,body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
position: relative;
}

This has resolved the issue.

Thank you for your help.
supernovia · Staff · Sep 29, 2016 at 4:51 pm
Copy link
Glad you’ve got this worked out. Cheers!

No items found.