Topic on Skin talk:Chameleon

Weird scrolling behaviour in Chrome

6
Summary by Loman87

Solved by adding "overflow-anchor: none;" to Mediawiki:Common.css

Loman87 (talkcontribs)

Hi,

I just want to report a strange behaviour that occurs in Chrome: when the browser zoom is set at 125%, pages start to autoscroll up or down. You can check this issue here, adjusting the page zoom to 125%. This doesn't happen if the zoom is less or more, nor in Firefox, since this last one has default zoom at 120% and 130%.

Have anyone noticed a similar behaviour?

Thanks,

Lorenzo

87.233.232.236 (talkcontribs)

Yes, it's occurring for me with the following stack:

MediaWiki 1.28.3
PHP 7.0.22-0ubuntu0.16.04.1 (fpm-fcgi)
MySQL 5.7.20-0ubuntu0.16.04.1
Elasticsearch 2.3.3
Chameleon 1.5 (2040cf2) 21:57, 23 November 2016
F.trott (talkcontribs)

You are not the first on reporting something like this (https://github.com/cmln/chameleon/issues/51). I was not able to reproduce this before, but on your site I finally can see this myself. Yay. ;-)

I'll see if I can fix this. Going out on a limb here, but for the moment I suspect that this could be do to a rounding error in the JS functions for "sticky".

87.233.232.236 (talkcontribs)

Hi Stephan,

This only occurs in Chrome and seems to be part of a more broad browser issue (although it may still be related to Chameleon).

Someone here suggested adding "overflow-anchor: none;" to your css. After having added this to the body tag, it seems to be fixed in my wiki (which does not use the sticky menu by the way).

F.trott (talkcontribs)

Nice find, thanks!

Loman87 (talkcontribs)

Thanks for this! I couldn't find a solution. Adding "overflow-anchor: none;" to Mediawiki:Common.css. works fine for me :)

I guess I can mark as resolved this thread.

Bye!