Bug 213984

Summary:

ServiceWorker.postMessage() doesn't work from inside iframe

Product:

WebKit

Reporter:

nkronlage

Component:

Service Workers

Assignee:

youenn fablet <youennf>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

cdumez, esprehn+autocc, ews-watchlist, japhet, kangil.han, webkit-bug-importer, youennf

Priority:

Keywords:

InRadar

Version:

Safari Technology Preview

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Simplified repro	none
Patch	none
Patch	none
Patch	none
Patch	none
Patch	none
Patch for landing	none
Patch	none

nkronlage

Reported 2020-07-05 22:08:04 PDT

Created attachment 403573 [details] Simplified repro Sending messages via postMessage to a ServiceWorker does not work from inside an iframe. To repro this, download the attached zip. Serve the files locally. Open from-iframe.html in Safari Go to Develop->Service Workers->localhost Go to Console and notice there are no 'postMessage received:' logs here. If you open from-main-window.html, you will see the postMessage events. This works correctly in FireFox. Chrome has a bug registering ServiceWorkers from iframes so it doesn't make it to the point of postMessage - https://bugs.chromium.org/p/chromium/issues/detail?id=1102209 from-iframe.html: <iframe></iframe> <script> const iframe = document.querySelector('iframe'); iframe.contentDocument.write(` <body> <script> (async () => { document.body.insertAdjacentHTML('beforeend', 'registering service-worker.js<br>'); const reg = await navigator.serviceWorker.register('/service-worker.js'); const sw = reg.installing; sw.postMessage('after register'); sw.onstatechange = () => { document.body.insertAdjacentHTML('beforeend', \`statechange to: \${sw.state}<br>\`); sw.postMessage('statechange to ' + sw.state); }; })(); </${'script'}> </body>`); </script> service-worker.js: console.log('service worker loaded'); addEventListener('message', event => { console.log('postMessage received:', event.data); }); from-main-window.html: <body> <script> (async () => { document.body.insertAdjacentHTML('beforeend', 'registering service-worker.js<br>'); const reg = await navigator.serviceWorker.register('/service-worker.js'); const sw = reg.installing; sw.postMessage('after register'); sw.onstatechange = () => { document.body.insertAdjacentHTML('beforeend', `statechange to: ${sw.state}<br>`); sw.postMessage('statechange to ' + sw.state); }; })(); </script> </body>

Attachments
Simplified repro (1.24 KB, application/zip) 2020-07-05 22:08 PDT, nkronlage	no flags	Details
Patch (17.50 KB, patch) 2020-08-05 12:56 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Patch (40.01 KB, patch) 2022-04-14 00:33 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Patch (40.26 KB, patch) 2022-04-14 01:46 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Patch (40.50 KB, patch) 2022-04-14 02:33 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Patch (41.85 KB, patch) 2022-04-14 06:21 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Patch for landing (41.83 KB, patch) 2022-04-15 00:44 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Patch (41.98 KB, patch) 2022-04-15 01:56 PDT, youenn fablet	no flags	Details Formatted Diff Diff
Show Obsolete (6) View All Add attachment proposed patch, testcase, etc.