We have a slight design issue here, the help popup is melting with the sidebar text, should I fix it in this patch or create a new ticket?
cc @Tchanders

{F35264850}

Change 807591 had a related patch set uploaded (by AGueyte; author: AGueyte):

[mediawiki/extensions/IPInfo@master] Add help icon to infobox ASN

https://gerrit.wikimedia.org/r/807591

In T311030#8020367, @AGueyte wrote:

We have a slight design issue here, the help popup is melting with the sidebar text, should I fix it in this patch or create a new ticket?
cc @Tchanders

{F35264850}

The problem comes from the backwards align that we set on the help popup:

popup: {
	$content: $( '<span>' ).text( propertyTooltip ),
	padded: true,
	align: 'backwards', // <--------------- HERE
	position: 'above'
},

(from https://gerrit.wikimedia.org/g/mediawiki/extensions/IPInfo/+/dafa01ba4601bb0cb252b4ab5ddccf631542b376/modules/ext.ipInfo/widget.js#148)

We could solve this by removing the align config, but this still overlap the main menu, even on a fairly normal window width:

Perhaps better, we could set it to 'forwards':

Left column	Middle column	Right column

RTL language:

Change 807591 merged by jenkins-bot:

[mediawiki/extensions/IPInfo@master] Add help icon to infobox ASN

https://gerrit.wikimedia.org/r/807591

Here is what the popup looks like on beta, Vector 2022, English:

I also tested Vector 2010, Minerva, MonoBook and Timeless in French, German and Hebrew at different zoom levels.

We are using an OOUI widget so I assume it should work across different browsers.

Test environment: https://en.wikipedia.beta.wmflabs.org IP Info 0.0.0 (f2f0771) 06:39, 28 June 2022.
Test browser: Firefox 91.