[bug]: Firefox Blank Page Bug

[ChrisFarmer-dev]

Describe the bug

Nothing displays when I open AFFiNE with firefox except a few buttons.

To Reproduce

Open the https://livedemo.affine.pro/AFFiNE/ in firefox.

Screenshots

Expected behavior

Nothing appears other than a few buttons. It's the same with self hosted instance. When I open the online version and the self hosted version in edge it works flawlessly.

Platform

Windows 10

Browser

Firefox

Additional context

No response

[ShortCipher5]

Hi there @ChrisFarmer-dev and thanks for your issue.

I have tried replicating this but everything seemed to be working as intended.

For troubleshooting purposes may I suggest that you try opening the app in an incognito/private window with any plugins disabled. You may also try clearing your browser cache.

Please let me know if the issue persists after trying these steps.

Thank you.

[ChrisFarmer-dev]

@CJSS Hii 👋 Thank you for replyyingg, Okay so I removed all extensions and opened the app in incognito and disabled enhanced tracking protection and cleared cache and cookies. The issue still persists. I am not sure if I am doing something wrong.

[ShortCipher5]

Thanks so much for your reply. And sorry you continue to have issues.

I have even tried on a fresh Windows install and have not been able to replicate this.

Let's try two things:

1. Hover near the left side of the screen to see if the left sidebar pops back up.

2. Try resetting the workspace through the "Clear Workspace" function (I'll post a GIF to help show the process).

[ShortCipher5]

How to clear the workspace:

[ChrisFarmer-dev]

Thanks so much for your reply. And sorry you continue to have issues.

I have even tried on a fresh Windows install and have not been able to replicate this.

Let's try two things:

1. Hover near the left side of the screen to see if the left sidebar pops back up.

2. Try resetting the workspace through the "Clear Workspace" function (I'll post a GIF to help show the process).

Thank you so muchh for the guiding mee. Is it maybe because I am using Firefox Nightly? I tried Clearing Workspace and nothing happened sadly. Also in the GIF it seems like that's edge. I get this bug on firefox. I think Edge is a Chromium based browser so I think it should work for chromium browsers. Firefox is a gecko browser and it works differently :(

[ShortCipher5]

This is definitely interesting, as I've also tried on Firefox Nightly and didn't face any issues.

Could you try opening the Web Console (Ctrl + Shift + K) and showing us what the console outputs. Maybe there are some errors/warnings we may be able to use to help find the source of this issue.

Thanks for your patience.

[ChrisFarmer-dev]

This is definitely interesting, as I've also tried on Firefox Nightly and didn't face any issues.

Could you try opening the Web Console (Ctrl + Shift + K) and showing us what the console outputs. Maybe there are some errors/warnings we may be able to use to help find the source of this issue.

Thanks for your patience.

Ohh damn then I am doing something wrong for sure Yea sureee

Some cookies are misusing the “SameSite“ attribute, so it won’t work as expected 27
getYjsProviders 
Object { enabled: (1) […], backend: "wss://livedemo.affine.pro/collaboration/", importData: importData(), exportData: exportData(t), hasExporter: hasExporter()
, token: undefined }
[main.a7e9be36.js:140:37838](https://livedemo.affine.pro/main.a7e9be36.js)
undefined 3 [main.a7e9be36.js:140:39792](https://livedemo.affine.pro/main.a7e9be36.js)
Uncaught (in promise) Error: InvalidStateError: A mutation operation was attempted on a database that did not allow mutations.
    r https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    onerror https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    s https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    r https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    s https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    ke https://livedemo.affine.pro/main.a7e9be36.js:140
    indexeddb https://livedemo.affine.pro/main.a7e9be36.js:140
    h https://livedemo.affine.pro/main.a7e9be36.js:140
    Je https://livedemo.affine.pro/main.a7e9be36.js:140
    init https://livedemo.affine.pro/main.a7e9be36.js:140
    init https://livedemo.affine.pro/main.a7e9be36.js:140
    st/it[e]< https://livedemo.affine.pro/main.a7e9be36.js:140
    promise callback*st https://livedemo.affine.pro/main.a7e9be36.js:140
    getDatabase https://livedemo.affine.pro/main.a7e9be36.js:140
    getWorkspaceDbBlock https://livedemo.affine.pro/main.a7e9be36.js:140
    _fetchRecentPages https://livedemo.affine.pro/main.a7e9be36.js:140
    getRecentPages https://livedemo.affine.pro/main.a7e9be36.js:140
    tn https://livedemo.affine.pro/main.a7e9be36.js:3
    tn https://livedemo.affine.pro/main.a7e9be36.js:3
    rs https://livedemo.affine.pro/ui.23dd8764.js:102
    Su https://livedemo.affine.pro/ui.23dd8764.js:102
    xu https://livedemo.affine.pro/ui.23dd8764.js:102
    x https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    I https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    92292 https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    r https://livedemo.affine.pro/main.a7e9be36.js:140
    56555 https://livedemo.affine.pro/vendor.b2ad68a3.js:2
    r https://livedemo.affine.pro/main.a7e9be36.js:140
    63421 https://livedemo.affine.pro/ui.23dd8764.js:102
    r https://livedemo.affine.pro/main.a7e9be36.js:140
    45435 https://livedemo.affine.pro/ui.23dd8764.js:102
    r https://livedemo.affine.pro/main.a7e9be36.js:140
    44832 https://livedemo.affine.pro/ui.23dd8764.js:102
    r https://livedemo.affine.pro/main.a7e9be36.js:140
    33730 https://livedemo.affine.pro/main.a7e9be36.js:1
    r https://livedemo.affine.pro/main.a7e9be36.js:140
    <anonymous> https://livedemo.affine.pro/main.a7e9be36.js:140
    O https://livedemo.affine.pro/main.a7e9be36.js:140
    <anonymous> https://livedemo.affine.pro/main.a7e9be36.js:140
    <anonymous> https://livedemo.affine.pro/main.a7e9be36.js:140
[vendor.b2ad68a3.js:2:885253](https://livedemo.affine.pro/vendor.b2ad68a3.js)
Cookie “AEC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “SID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “__Secure-1PSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “HSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “SSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “APISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “SAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “__Secure-1PAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “SIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “__Secure-1PSIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&_gaz=1&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=1&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=Clarity&_ee=1&ep.eventCategory=Clarity&ep.eventAction=ip37rq&ep.nonInteraction=true&ep.claritydimension=https%3A%2F%2Fclarity.microsoft.com%2Fga%2Fdqdlww8tpv%2Fdxoz9m%2Fip37rq)
Cookie “AEC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “SID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “__Secure-1PSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “HSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “SSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “APISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “SAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “__Secure-1PAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “SIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)
Cookie “__Secure-1PSIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. [collect](https://analytics.google.com/g/collect?v=2&tid=G-4HRP6Q0P90&gtm=2oe9l0&_p=403227811&cid=430836165.1663875873&ul=en-us&sr=1536x864&_z=ccd.v9B&_s=2&sid=1663875872&sct=1&seg=0&dl=https%3A%2F%2Flivedemo.affine.pro%2FAFFiNE&dr=https%3A%2F%2Faffine.pro%2F&dt=&en=scroll&epn.percent_scrolled=90)

[ShortCipher5]

This is in private browsing mode, or incognito right?

We use IndexedDB, and I have learnt something new. It looks like private browsing in Firefox does not support this feature: https://bugzilla.mozilla.org/show_bug.cgi?id=1639542

[ShortCipher5]

As you can see here, it works normally in Firefox but not in private mode.

[ChrisFarmer-dev]

This is in private browsing mode, or incognito right?

We use IndexedDB, and I have learnt something new. It looks like private browsing in Firefox does not support this feature: bugzilla.mozilla.org/show_bug.cgi?id=1639542

Ohh yeaa I always tested it only on incognito.

AYOOO I just tried it in normal window Works beautifully. Thank you so much for the helpp 🙏

[ShortCipher5]

Thank you for bringing it to our attention.

We may consider adding some notice or warning if we can, so other users do not fall into the same issue.