[CDB] Browser Push Notifications

[SpIdErPiGgY]

Why do you think it's caused by the Sticky Bar extension?

When I disable Sticky bar ext, then the Push Notifications works in the notification dropdown

[halil16]

A client of mine who is using iOS 17 and created a web app with my extension said he couldn't click the button.

For those who want to test this in another board...

Site: phpBB Group
In Safari, tap the Share icon, then add to Home screen and continue with add. Open the web app "phpBB Group". Login information:

username: bbtester
password: Sallagitsin

Go to the Edit notification options page in UCP and please send a screenshot.

[MattF]

A client of mine who is using iOS 17 and created a web app with my extension said he couldn't click the button.

For those who want to test this in another board...

Site: phpBB Group
In Safari, tap the Share icon, then add to Home screen and continue with add. Open the web app "phpBB Group". Login information:

username: bbtester
password: Sallagitsin

Go to the Edit notification options page in UCP and please send a screenshot.

They need to turn on Notifications in the advanced feature flag settings of safari.

Also, this issue, is a device/os issue and not something that this extension can do anything about. Again, this is a feature that is only available on devices that support it. iOS Safari does NOT support it - out of the box - and can only be enabled as a feature flag or, what was previous labelled as "experimental features"

[halil16]

No. Since iOS 16.4, Safari supports push notifications by default in PWAs.

[rxu]

When I disable Sticky bar ext, then the Push Notifications works in the notification dropdown

Confirmed, but that is something caused by the Sticky bar extension design so it just can't be fixed in this extension.

[MattF]

Could you describe the exact problem to fix?

viewtopic.php?p=16017520#p16017520

If you are going to use that Sticky Bar extension then you will need to disable the Show Subscription Toggle in the Notification dropdown list.

I do not recommend using that extension because:
1. It is not validated, so it's our policy not to recommend them
2. It is duplicating the navbar. So there are 2 navbars. This results in invalid HTML at a minimum.

Because that sticky bar extension's developers choose to insert 2 navbars, one hidden and one visible and they switch depending on when you scroll, when you interact with the Web Push toggle, you're only interacting with the "Sticky" navbar and not the "real" fixed navbar. That is why you can't toggle the Push notifications from the normal/real navbar, but only from it when it's sticky.

You should also ask the developers of the Sticky Bar extension if they can instead just fix the actual navbar's position when scrolling, rather than creating two separate one's, which results in invalid HTML (duplicate element ID's which is the root cause of the issue for this extension). Their method of making the navbar sticky will have further consequences with other core features and extension's that have Javascript interactivity in the navbar too.

[deninho32]

I've made my navbar sticky with a few lines of css. No need for an extension.

[MattF]

To follow up on Safari iOS after more testing, it currently does not work at all.

phpBB is not set up to work as a Progressive Web App. We are exploring making this possible though so the notifications will eventually work in Safari (we've already tested it successfully in development)

[takufner]

To follow up on Safari iOS after more testing, it currently does not work at all.

phpBB is not set up to work as a Progressive Web App. We are exploring making this possible though so the notifications will eventually work in Safari (we've already tested it successfully in development)

Thanks for the follow up, MattF. I was struggling here trying to find the correct configuration that would make it work

[halil16]

phpBB is not set up to work as a Progressive Web App.

But there is nothing to prevent it from being set to PWA. For the last 3-4 years I have been making my boards and my customers' boards as PWA. Senky's extension worked on iOS. (The Senky extension's problems have made it unusable on all platforms.)

But I think what prevents it from working on iOS should not be related to the OS. Of course you know better, I don't have as much experience as you.

[nou nou]

What were the problems with the Senky extension? I’m still using it just fine - the only issue I have is that the links in the notifications are often wrong when the forum is installed in a subfolder instead of the root domain….

Eh, sorry this is probably off topic.

[halil16]

What were the problems with the Senky extension?

I had this problem, which was common on every device I used: The same notification was coming one after another. On PC, this limit is 20 (Chrome); I was getting the same notification 20 times. Clicking didn't help. He acknowledged the problem but did not fix it. I stopped using it a long time ago. Maybe it work now, but I won't be back. Because now we have a more official extension.

[MattF]

We have a working version of it on iOS in development.

In testing it, I've received notifications on my iPhone. I even received notifications on my Apple Watch!

So support for iphones and ipads will come soon. On those devices, users will need to add the site to their home screen (and this is not unique to phpBB, every site must be added to iOS homescreen to work more like an App, so experienced iOS users should be aware of this). We're also adding in options to customize how your site can look as an "app" on the home screen, with default name and icons (that you would need to create and upload of course).

[MattF]

Updated to version 1.0.0-RC10

Highlighted changes:

• Apple iPhones and iPads now supported (after the user adds the site to their home screen).
• Notifications are received in YOUR language and not somebody else's language on multi-language boards.
• Better indications to admins and users when the server, the browser or the devices may not be able to support push notifications.

[halil16]

Based on the feedback I've received, it works on iOS. I will test it when I can, agaen.

Since I was already using these, I deleted them from the ucp_notifications_webpush.html file:

Code: Select all

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="{{ SITENAME }}">
<link rel="manifest" href="{{ U_MANIFEST_URL }}">
{% if U_TOUCH_ICON %}<link rel="apple-touch-icon" href="{{ T_ICONS_PATH ~ U_TOUCH_ICON }}">{% endif %}

But for everyone else, this is required and no problems.

Thank you Team.