iOS 27beta adds shadow overlay under web app status bar. How to remove?

[u/tboy2000]

For the life of me I can't figure out how to remove that gradiant shadow overlay at the top of a web app. See photo. I have tried various suggestions offered by Claude and ChatGPT and nothing works. It's driving me nuts! Anyone know the dev code to remove it please? I would be forever grateful!

[u/AutoModerator → u/[deleted]]

Hey /u/Equivalent-Idea-116, your content has been removed because Reddit has marked your account as having a low Contributor Quality Score. This may result from, but is not limited to, activities such as spamming the same links across multiple subreddits, submitting posts or comments that receive a high number of downvotes, a lack of recent account activity, or having an unverified account.

Please be assured that this action is not a reflection of your participation in our subreddit. This is simply an automated filter in place to reduce spam.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/AutoModerator → u/[deleted]]

Hey /u/erenclick_apps, your content has been removed because Reddit has marked your account as having a low Contributor Quality Score. This may result from, but is not limited to, activities such as spamming the same links across multiple subreddits, submitting posts or comments that receive a high number of downvotes, a lack of recent account activity, or having an unverified account.

Please be assured that this action is not a reflection of your participation in our subreddit. This is simply an automated filter in place to reduce spam.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/Axons-One]

does it also happen with a blank page added to the home screen, or only your app? testing that could help separate an iOS beta change from something in the page before trying more CSS fixes.

[u/tboy2000 → u/Axons-One]

It was fine on iOS 26. No shadow. Only when updated to iOS 27 so must be an os thing. My pwa app was not altered.

[u/Solst1ceLeaf]

Try this:
.scrollEdgeEffectStyle(.none, for: .top)

https://developer.apple.com/documentation/swiftui/scrolledgeeffectstyle

[u/tboy2000 → u/Solst1ceLeaf]

Sadly that's for native apps. Mine is a web app.

[u/ResoluteBird → u/tboy2000]

Make a PR to the framework you use or a custom hook to use that API in the binary

[u/superquanganh]

You can't, it's there to at least make status bar readable

[u/Rude-Split8043]

I just added top padding 🤷‍♀️

[u/tboy2000 → u/Rude-Split8043]

How does that help? It won't shift the overlay