[firebase_messaging] flultter web do something when background notification is clicked

[SeriousMonk]

I have configured everything and I am receiving background notifications on web correctly; however when I click on the notification, the notification is closed and nothing else happens.
I have tried setting a notificationclick callback, but it never gets called; I'm guessing because it is getting overriden somewhere (?).

This is my service worker firebase-messaging-sw.js

//Code for adding event on click of notification
self.addEventListener('notificationclick', function(event) {
   //This console log never appears in the console...
    console.log('Notification clicked');
});

importScripts("https://www.gstatic.com/firebasejs/9.10.0/firebase-app-compat.js");
importScripts("https://www.gstatic.com/firebasejs/9.10.0/firebase-messaging-compat.js");

firebase.initializeApp({
  apiKey: "...",
  authDomain: "...",
  databaseURL: "...",
  projectId: "...",
  storageBucket: "...",
  messagingSenderId: "...",
  appId: "...",
  measurementId: "..."
});

const messaging = firebase.messaging();

messaging.onBackgroundMessage(function(message) {
    console.log('Received background message ', message);

    const content = JSON.parse(message.data.content);
    const notificationTitle = content.payload.summary ? content.payload.summary : content.payload.title;
    const notificationOptions = {
      body: content.payload.body,
      data: message.data,
      actions: [
        {
              action: 'REPLY',
              type: 'text',
              title: 'Reply',
              placeholder: 'Enter message...',
            },
      ]
    };

    self.registration.showNotification(notificationTitle, notificationOptions);
});

Anyone know why this is happening?

[Dan-Crane]

did you get the behavior you wanted?