The use of filter appears to establish a stacking context (https://drafts.fxtf.org/filter-effects/#placement)
So even though this only impacts dark mode, this seems like a general bug with the mobile diff page for any element in the footer that might some day use CSS filters. Thanks for flagging @Tufor!

Hi @Jdlrobson, I can take this up, if it's still relevant!

Yes please ! patch very much welcome!

Tried reproducing on my local system (Minerva theme and mobile screen with dark mode) and there seems to be no issue right now. I might be wrong about this, though, so is there a specific sequence of steps I need to try? @Tufor

@theprotonade I can reproduce this but only in dark mode!

Steps to reproduce:

• Visit https://pl.m.wikipedia.org/w/index.php?title=Divock_Origi&diff=prev&oldid=74395337&minervanightmode=1 incognito window in Chrome
• Resize browser to 500px
• Scroll down page to bottom of page
• Scroll slightly up so that the Wikipedia footer logo overlaps the username

@theprotonade thank you for your willingness to investigate and to solve this problem. Problem still exists, I just recreated it again.

Diff: https://pl.m.wikipedia.org/w/index.php?title=Wikipedysta:Tufor/brudnopis&diff=prev&oldid=45236475

Mobile version (so Minerva skin), dark mode. That's all that is needed. I just used a private mode on my smartphone's mobile browser (Firefox mobile) so I'm logged out, changed the theme to the dark mode and opened a random diff, and the "Wikipedia" logo still is "over" this box, like in the screenshot above. You just have to scroll all the way to the bottom.

The problem 100% stems from the inversion of colors of images by css. I found that other things (images) also can float over the content of this box:

The problem 100% stems from the inversion of colors of images by css. I found that other things (images) also can float over the content of this box:

Yep. Please see T370943#10038953 for more context on what's happening here if you missed it!

Got it. For some reason, it shows on the prod site but not on my local, but I'll figure that out.
Thanks for the details! I'll take a look and put in a patch soon.

In case it's helpful here's my local logo setup:

$wgLogos = [
	'wordmark' => [
		'src' => "https://en.m.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg",
		'width' => 120,
		'height' => 18,
	],
	'tagline' =>  [
		'src' => "https://en.m.wikipedia.org/static/images/mobile/copyright/wikipedia-tagline-en.svg",
		'width' => 117,
		'height' => 13,
	],
];

Oh yeah, I have something similar too, but that should help :)