Enable Notifications doesn't work on strims.gg, but works on chat.strims.gg

[bliutwo]

Currently, (only tested on Firefox on macOS) you cannot enable push notifications from strims.gg, but you can from chat.strims.gg. The console shows this error if you try directly from strims.gg:

The Notification permission may only be requested in a top-level document or same-origin iframe.

According to MDN docs, linked below, this is because:

Chrome and Firefox no longer allow notification permissions to be requested from cross-origin <iframe>s

According to the Stack Overflow link below,

In newer versions of Chrome you cannot request the Notification API, unless the site is https secured and also you cannot request it from a cross-origin iframe.

If you do meet this requirements, you should be able to use notifications and background push notifications on Chrome.

Potentially useful links:

• https://developer.mozilla.org/en-US/docs/Web/API/Notification/requestPermission
• https://stackoverflow.com/questions/47264425/trying-to-permission-request-for-notifications-error-javascript

According to Slugalisk:

you might be able to borrow part of the solution from the chat stream links implementation

https://github.com/MemeLabs/Rustla2/blob/master/src/actions/postmessage.js

https://github.com/MemeLabs/chat-gui/blob/master/assets/chat/js/chat.js#L495