Eli Dupuis elidupuis

tl;dr

The service worker registration method getNotifications() never fulfills (neither resolves nor rejects) in MS Edge on macOS if notification permissions have been granted by the user.

Details

The bug appears to only exist if Notification.permission === 'granted', meaning that the user has granted permissions for notifications at the browser level. This bug has been experienced in Microsoft Edge on macOS, versions 86, 87 (beta), and 88 (dev). It does not appear to be present on Windows.

You can easily test this on any PWA application. First, you'll need to manually toggle notification permissions (granted is the only state where the bug exists) and then simply run the test snippet into your browser console.

	// Install jscodeshift globally if you haven't already
	// npm install -g jscodeshift

	/**
	* ember-intl-setup-codemod.js
	* This codemod is to help deal with the ember-intl v5 to v6 migration.
	* Specfically, the "Missing setupIntl() results in a runtime error" error.
	*
	* All it does is add the following lines:
	*

	import Ember from 'ember';
	import { A } from '@ember/array';
	import { parallel } from 'ember-animated';
	import move from 'ember-animated/motions/move';
	import scale from 'ember-animated/motions/scale';
	import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
	import adjustCSS from 'ember-animated/motions/adjust-css';
	import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

	export default Ember.Controller.extend({

	import Ember from 'ember';
	import move from 'ember-animated/motions/move';
	import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
	import adjustCSS from 'ember-animated/motions/adjust-css';
	import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',

	isThingActive: false,

	import Ember from 'ember';
	import move from 'ember-animated/motions/move';
	import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
	import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',

	isThingActive: false,

	import Ember from 'ember';
	// import fade from 'ember-animated/transitions/fade';
	import move from 'ember-animated/motions/move';
	import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
	import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',

	isThingActive: false,

	import Ember from 'ember';
	import { adjustCSS } from 'ember-animated/motions/adjust-css';
	import move from 'ember-animated/motions/move';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',

	inset: false,

	*transition({ insertedSprites, removedSprites }) {

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle'
	});