handsontable / hyperformula

HyperFormula is an open-source headless spreadsheet for business web apps. It comes with over 400 formulas, CRUD operations, undo-redo, clipboard support, and sorting.
https://hyperformula.handsontable.com/
Other
1.95k stars 108 forks source link

The demos in the documentation throw visible errors while checking their functionality on Chrome #1014

Closed aninde closed 2 years ago

aninde commented 2 years ago

Description

Each of the demos in the documentation throw an error in the Codesandbox placed in the documentation. In my environment, these errors can be seen only in the incognito mode.

Issue is related only to Chrome Browser. Checked on 102.0.5005.115 (Official Build) (x86_64) & Beta 103.0.5060.42 (Official Build) beta (x86_64)

Error during service worker registration: 
Error {}

Screenshot 2022-06-14 at 14 47 50

Errors do not occur when checking the demos locally, without documentation, nor when demos are opened separately in Codesandbox without documentation eg. https://codesandbox.io/s/github/handsontable/hyperformula-demos/tree/2.0.x/vanillajs-demo?from-embed

Browser's console

with vanilla demos:

index.js:27 
Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope (‘https://c8l92o.csb.app/’) with script (‘https://c8l92o.csb.app/sandbox-service-worker.js’): The user denied permission to use Service Worker.
i.<computed>@index.js:27(anonymous)@sandbox.7e9b6d925.js:443Promise.catch (async)s@sandbox.7e9b6d925.js:442t.default@sandbox.7e9b6d925.js:377(anonymous)@sandbox.7e9b6d925.js:10335Promise.then (async)./src/sandbox/index.ts@sandbox.7e9b6d925.js:10335i@sandbox.7e9b6d925.js:857@sandbox.7e9b6d925.js:10347i@sandbox.7e9b6d925.js:85n@sandbox.7e9b6d925.js:46(anonymous)@sandbox.7e9b6d925.js:222(anonymous)@sandbox.7e9b6d925.js:1

Integration with React

index.js:27 Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope ('https://ryuge9.csb.app/') with script ('https://ryuge9.csb.app/sandbox-service-worker.js'): The user denied permission to use Service Worker.

Integration with Vue

index.js:27 Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope ('https://thzm13.csb.app/') with script ('https://thzm13.csb.app/sandbox-service-worker.js'): The user denied permission to use Service Worker.

Integration with Angular

index.js:27 Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope ('https://y17r1y.csb.app/') with script ('https://y17r1y.csb.app/sandbox-service-worker.js'): The user denied permission to use Service Worker.

Example:

https://handsontable.github.io/hyperformula/guide/demo.html https://handsontable.github.io/hyperformula/guide/basic-usage.html#demo https://handsontable.github.io/hyperformula/guide/advanced-usage.html#demo https://handsontable.github.io/hyperformula/guide/integration-with-react.html#demo https://handsontable.github.io/hyperformula/guide/integration-with-vue.html#demo https://handsontable.github.io/hyperformula/guide/integration-with-angular.html#demo https://handsontable.github.io/hyperformula/guide/basic-operations.html#demo https://handsontable.github.io/hyperformula/guide/batch-operations.html#demo https://handsontable.github.io/hyperformula/guide/clipboard-operations.html#demo https://handsontable.github.io/hyperformula/guide/undo-redo.html#demo https://handsontable.github.io/hyperformula/guide/sorting-data.html#data-sorting-demo https://handsontable.github.io/hyperformula/guide/named-expressions.html#demo https://handsontable.github.io/hyperformula/guide/localizing-functions.html#demo https://handsontable.github.io/hyperformula/guide/date-and-time-handling.html#demo

image image

Links

Type of issue

sequba commented 2 years ago

@warpech @aninde I investigated this issue. It's caused by blocking third-party cookies, so - depending on your browser settings - it may happen only in incognito mode, always or never.

I don't think we can do anything about it. A typical visitor is likely to have third-party cookies enabled, so it won't affect him.

image

Related: https://stackoverflow.com/questions/48285485/google-colaboratory-serviceworker-error-on-chrome

warpech commented 2 years ago

@sequba for reference, can you please add a full page screenshot of how the error looks like?

After that, we should close the issue as a "won't fix".

sequba commented 2 years ago

Full-page screenshot: image

sequba commented 2 years ago

Closing as the issue is caused by third-party cookies being blocked in the browser.