Tengo una aplicación pwa que básicamente es un formulario simple. Si la red está fuera de línea, se guarda en el almacenamiento local (indexedDB) y luego se envía cuando la conexión está en línea. Hasta aquí todo está bien, pero me gustaría mostrarle un mensaje al usuario 'el formulario fue enviado al servidor' y no puedo hacerlo funcionar. Uso la propiedad 'SYNC' para hacer esta función. En mi trabajador de servicio, la parte del código relativa a esta característica es:

 self.addEventListener('sync', e => { console.log('SW: Sync'); if ( e.tag === 'new-form' ) { // send to DB when onLine const resp = sendForm(); //up to here all is OK. self.registration.showNotification(' Succesfully send to MongoDB');// this line is not working e.waitUntil( resp); } });

¿Qué podría estar mal?, en el lado de javascript, se verifica que Notification.permission === 'concedido'.