Bug: “Use my current location”/GPS button doesn’t work in our embedded widget

[fancyham]

Describe the bug

Our app is embedded as a widget on https://www.foodcyclela.org/find-food/ and the problem is that the GPS/“Use my current location” doesn’t work on iOS/iPadOS.

Tapping it gives error message “Please allow location access” and doesn’t seem to request access to it.

Is this perhaps a privacy issue for embedded widgets?

Steps to reproduce the issue

On an iPad or iPhone

1. Go to https://www.foodcyclela.org/find-food/
2. “Use my current location” button appears grey (it’s normally blue), which is the color we use when location is unavailable because the browser has denied access to that info.
3. Tap on “Use my current location” button

What's the expected result?

• The iPhone/iPad should display a permission request to grant access to location to this website.

(Is this perhaps a Safari security issue to prevent embeds from spoofing a different website and collecting location data?)

If this is not solvable, please let me, the design team, and the product team (in that order) know so we can start figuring out alternatives. We may need to open a new window for people who want to use this button but are currently in a widget.

What's the actual result?

• An error message appears “Please allow location access” as if the browser has already denied access.

Note that when I go to our main site la.foodoasis.net, the “Use my current location” works fine. It’s blue and then

Additional details / screenshot

Device configuration

• Device: iPhone and iPad
• OS version: 18
• Browser: Safari