Skip to content

Disable view transitions in Facebook and Instagram in-app browser - #31

Open
GrimLink wants to merge 1 commit into
mage-os:mainfrom
GrimLink:fix/view-transitions-in-app-browser
Open

GrimLink wants to merge 1 commit into
mage-os:mainfrom
GrimLink:fix/view-transitions-in-app-browser

Conversation

@GrimLink

@GrimLink GrimLink commented Oct 2, 2026 •

Copy link
Copy Markdown
Contributor

Fixes #30

The Facebook and Instagram apps on Android ship their own Chromium based WebView, which starts the cross-document view transition but never finishes it, leaving the page blank after navigating. The same issue was reported for Hyvä and the Shopify Horizon theme, see #30.

view-transitions.phtml now renders a small script directly after the @view-transition style. In the Facebook, Messenger and Instagram in-app browser on Android (FBAN, FBAV, FB_IAB or Instagram in the user agent) it inserts @view-transition { navigation: none; } after that style, which wins the cascade. The detection runs client side, since pages are served from the full page cache.

Because the override is inserted right after the style of this module, it also applies on Hyvä, where the style of this module is rendered after the fix in the Hyvä default theme.

Tested in Chrome with an Android Facebook in-app browser user agent:

Setup Cross-document transition
Module style only yes
Module style followed by the new script no

@GrimLink
GrimLink requested review from a team and rhoerr as code owners October 2, 2026 16:17
@GrimLink
GrimLink force-pushed the fix/view-transitions-in-app-browser branch from 8f12b8d to 8237cee Compare October 2, 2026 16:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Blank pages in Facebook and Instagram in-app browser on Android with view transitions

1 participant