The Page Editor does not always update when clicking the browser’s back button

[fregante]

Repro

1. Visit website A with host permissions
2. Open page editor
   • ✅ See "No extension selected" screen
3. Visit website B (regardless of permissions)
   • ✅ Editor updates correctly
4. Click the browser’s Back button
   • ❌ Editor still shows the old bricks
5. Refresh the page (not the editor)
   • ✅ Editor updates correctly

Sub-repro

Do the same, but between websites that have no host permissions and step 6/7 works correctly

Demo

See how the editor shows "Enable on nytimes" even after going back to pbx

Untitled.mov

Solution

Ensure that whatever event we're using to listen to the URL change also responds correctly to history navigation events.

[fregante]

Similar: it seems that hasTabPermission isn't updated sometimes:

Screen.Recording.2.mov

You can verify this by adding console.log({tabHasPermissions, isConnectingToContentScript}) in EditorContent.tsx

[fregante]

This is still an issue, even disregarding the host permission.

The information in the sidebar is actually wrong even after the page reload.

Here all the extensions are available on PBX, but after the navigation and reload they're still marked as unavailable:

Screen.Recording.mov

[github-actions]

This issue will be closed in 7 days unless the stale label is removed, or a comment is added to the issue.

[fregante]

Issue still seen:

1. Open page editor
2. Add mod on https://pbx.vercel.app/
3. Visit https://google.com
   • crossed eye appears ✅
4. Go back
   • crossed eye does not disappear ❌

This is probably a small issue. #8074 would have fixed it but that was the wrong "event" to listen to.

[github-actions]

This issue will be closed in 7 days unless the stale label is removed, or a comment is added to the issue.

[github-actions]

This issue was closed because it has been stale for 7 days with no activity.