In a way, this was fixed by @TThoabala in T293011: Infobox (accordion) is inserted before partial block notice [M] 🎉 In that task we started inserting the infobox via the SpecialContributionsBeforeMainOutput hook. The mobile site's version of the contributions page doesn't fire that hook and so the broken infobox no longer appears on the mobile site:

Change 745835 had a related patch set uploaded (by Phuedx; author: Phuedx):

[mediawiki/extensions/IPInfo@master] DNM: infobox: Make infobox work on the mobile site

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

Change 745835 abandoned by Phuedx:

[mediawiki/extensions/IPInfo@master] DNM: infobox: Make infobox work on the mobile site

Reason:

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

Change 745835 restored by Phuedx:

[mediawiki/extensions/IPInfo@master] DNM: infobox: Make infobox work on the mobile site

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

Change 745835 abandoned by Phuedx:

[mediawiki/extensions/IPInfo@master] DNM: infobox: Make infobox work on the mobile site

Reason:

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

Following on from my comment above, I decided to revert @TThoabala's patch for T293011: Infobox (accordion) is inserted before partial block notice [M] and document the steps we'd need to take to get the infobox working-ish on the mobile site with as few modifications as possible. What follows are a couple of screenshots of my local development wiki and notes on how I got it to that state:

Collapsed	Expanded

1. Firstly, the ext.ipInfo and ext.ipInfo.styles ResourceLoader modules need to be loadable on the mobile site. Concretely, we need to set the modules' targets property to [ "desktop", "mobile" ]
2. The CollapsibleFieldsetLayout isn't made collapsible by OOIU but by the mediawiki.htmlform module – the mediawiki/resources/src/mediawiki.htmlform/htmlform.js file specifically – so:
   • The ext.ipInfo module should be updated to explicitly depend on the mediawiki.htmlform module
   • The mediawiki.htmlform.styles module styles should be loaded
   • We shouldn't declare the CollapsibleFieldsetLayout component as infusable in IPInfo/src/HookHandler/InfoBoxHandler.php
3. Currently, we extract the revision ID of the last edit that the editor made from the DOM. The mobile site's DOM structure for the page is different and so we need to add support, i.e.

var revId = $( '.mw-contributions-list [data-mw-revid]' ).first().attr( 'data-mw-revid' );

// Support Special:Contributions on the mobile site
if ( !revId ) {
  revId = $( '.page-list .page-summary a.title' )
    .first()
    .attr( 'href' )
    .split( '/' )
    .pop();
}

1 & 2 are easy lifts. 3, on the other hand presents us with an opportunity to tidy up the infobox init script. We could and should consider:

1. Extracting both the collapsed/expanded persistence and the terms of use treatment into a shared component or components
2. Creating skin-specific init scripts for the Vector (desktop) and MinervaNeue (mobile) skins, leveraging ResourceLoader's skinScripts mechanism to deliver the appropriate init script (see https://codesearch.wmcloud.org/extensions/?q=skinScripts for several examples)

To summarise: we can get this working on mobile. With a few small fixes it would look like the screenshots in T288718#7562836.

@Prtksxna If you could confirm whether the infobox should be available on mobile, and if so, what it should look like, we can create some tasks and get working on it.

Yes, we should have the box on mobile - I've added started adding some details on T268177: Make IPInfo available on mobile

@Prtksxna Hey Prateek, is this ticket ready to be moved out of Design Review?