authentik icon indicating copy to clipboard operation
authentik copied to clipboard

No page showing while accessing from iOS 15 (iPhone 7)

Open tugdualenligne opened this issue 1 year ago • 13 comments

Describe the bug No page showing while accessing from iOS 15 (iPhone 7)

To Reproduce Simply launch your Authentik login page (blank screen appears without any error message)

Expected behavior The login screen should appear

Screenshots Blank screen

Logs N/A

Version and Deployment (please complete the following information):

  • authentik version: 2024.4
  • Deployment: docker-compose

Additional context Work perfectly well on other devices

tugdualenligne avatar Apr 25 '24 20:04 tugdualenligne

Can you post the logs from the developer logs of the safari window? I don't have a device running iOS 15 to test with

BeryJu avatar Apr 25 '24 21:04 BeryJu

It is the very first time I do this, so I hope this is what you're looking for. Here's what I believe is the console log from that specific iPhone: [Error] Refused to execute a script because its hash, its nonce, or 'unsafe-inline' does not appear in the script-src directive of the Content Security Policy. (default-authentication-flow, line 18) [Error] Refused to execute a script because its hash, its nonce, or 'unsafe-inline' does not appear in the script-src directive of the Content Security Policy. (default-authentication-flow, line 23) [Error] Refused to execute a script because its hash, its nonce, or 'unsafe-inline' does not appear in the script-src directive of the Content Security Policy. (default-authentication-flow, line 37) [Error] SyntaxError: Unexpected token '{' promiseReactionJob

tugdualenligne avatar Apr 26 '24 19:04 tugdualenligne

Same issues here

Yaya48 avatar May 02 '24 15:05 Yaya48

Can report the same issue on iPadOS 16.3.

ykram avatar May 04 '24 21:05 ykram

Hi. This also happens to me. Safari on iOS 17.5 beta 4

dominic-r avatar May 05 '24 04:05 dominic-r

This also happens on latest patch on mobile. Could not find anything in authentik logs and unable to check in console on safari. cc @BeryJu as this is becoming really infuriating. First happened when i updated to 2024.4.1 and doesn't happen on 2024.4.0 so it's one of those commits . Think it comes from https://github.com/goauthentik/authentik/commit/541becfe30a1b5534c37b0d3b16c3072974f09f1

dominic-r avatar May 08 '24 02:05 dominic-r

yep 2024.4.2 doesn't fix it

Yaya48 avatar May 08 '24 15:05 Yaya48

I can't reproduce this on iOS 17.4.1 nor on an iPad. I don't have any earlier devices and while I can't guarantee it work on iOS 15 it should definitely work on iOS 16. I'd recommend clearing the cache in safari and also clearing the cache in cloudflare if you're using that.

BeryJu avatar May 08 '24 21:05 BeryJu

hi @BeryJu tried that without any luck. managed to get a console error using a weird browser cause i don't have a mac: it only seems to affect unauthenticated users IMG_0131

dominic-r avatar May 08 '24 22:05 dominic-r

Little update: turning off asset minify (and purging cache) seems to fix the issue and the error reported in the previous message. I do believe seeing a pull request or an issue which added the version to the file name, that should fix the cache issue

dominic-r avatar May 08 '24 22:05 dominic-r

Also seeing this. Though I'm using an older iOS, 15.7.

zodac-personal avatar May 18 '24 10:05 zodac-personal

Tested with Authentik 2024.4.2, 2024.4.1 and 2024.4.0 Same issues on ios 15.0 on iphone 13 Pro Max

turning off asset minify(and purging cache) seems to fix the issue @4d62 how to do that?

no issue with ios 16.7.8 I think it is a Problem with the old Webkit version on ios 15 or below. Unfortunately I have to work with ios 15.0

Is there a possibility to change the default-authentication-flow or create a new one, which work with old webkit versions?

imholte avatar May 28 '24 13:05 imholte

I have the same issue on iPadOS 17.5.1 with authentik 2024.4.2. Blank white Screen and no error messages. Seems like this issue occures even on higher ios versions.

DrMatschhirn avatar May 29 '24 21:05 DrMatschhirn

i can confirm this bug, doesnt appear on recent ios versions (at least the ones i checked). @4d62 how does your workaround get applied? never heard of asset minify features on the iphone.

krim404 avatar Jun 02 '24 14:06 krim404

i faced same issue in safari, chrome, eventually worked via brave browser.

IOS 17.5.1, iphone 13 Pro

HarshadkCon avatar Jun 11 '24 19:06 HarshadkCon

Hi there, any idea from anyone to solve this? I’ve tried on my iOS 15 device with Brave: it doesn’t work either

tugdualenligne avatar Jun 11 '24 21:06 tugdualenligne

Hi there, any idea from anyone to solve this? I’ve tried on my iOS 15 device with Brave: it doesn’t work either

on iphone all Browsers use the Webkit Engine. It doesn't matter which Browser u use. It's always Webkit. If you are below ios 15 you maybe could use https://github.com/UInt2048/CyberKit an backport of modern webkit bundeled with firefox.

imholte avatar Jun 11 '24 21:06 imholte

I had the same issue using safari and chrome

Iphone Xs, IOS 16.3.1

Installed Authentik version is 2024.4.2

jorishaenseler15 avatar Jun 12 '24 14:06 jorishaenseler15

This is solved with 2024.6.0-rc1

Very, very cool!

tugdualenligne avatar Jun 16 '24 20:06 tugdualenligne

Just tested this with 2024.6.0-rc1 @tugdualenligne - super thank you.

HarshadkCon avatar Jun 17 '24 08:06 HarshadkCon