push notification on safari not work.

I am developing a web application with PWA and Vue.js (javascript).

I would like to add a Web Push notification function, so I referred to the following site

to execute notification permission and received the response result "granted".

https://developer.mozilla.org/ja/docs/Web/API/Notification/requestPermission_static

I have tried both requestPermission(); and requestPermission(callback).

However, in this state, an error occurred when subscribing to pushManager, and push notification registration could not be executed.

As a workaround, I found that by changing the notification permission setting from the OS Settings > Notification screen to Off and On,

subscribing to pushManager was successful.

Is there anything else I need to implement other than calling requestPermission(); or requestPermission(callback) to make it executable without following the workaround steps?

In addition, this phenomenon was not occurring around the beginning of June 2024, and it was confirmed that the problem occurred as of August 5th.

The confirmed OS and models are as follows. iOS 17.4 Mobile Safari iPad iOS 17.3 Mobile Safari iOS 15.8 Mobile Safari iOS 17.3 Mobile Safari iPad iOS 15.8 Mobile Safari iPad iOS 17.4 Mobile Safari iOS 16.7 Mobile Safari

push notification on safari not work.
 
 
Q