Backoffice Login not working with Safari 15 / umbraco 13.3.2

[Tristan-Campbell]

Which Umbraco version are you using? (Please write the exact version, example: 10.1.0)

13.3.2

Bug summary

The Umbraco BackOffice login screen does not work on older browsers. Testing on an iPad Air 2 (Safari 15) the Email and Password fields become unusable (no input can be added) and the Login button does not display.

Specifics

Javascript error is : TypeError: this.attachInternals is not a function. (In 'this.attachInternals()', 'this.attachInternals' is undefined)

Steps to reproduce

Visit any v13.3.2 site at /umbraco/login with an older iPad such as iPad Air 2

Expected result / actual result

No response

[github-actions[bot]]

Hi there @Tristan-Campbell!

Firstly, a big thank you for raising this issue. Every piece of feedback we receive helps us to make Umbraco better.

We really appreciate your patience while we wait for our team to have a look at this but we wanted to let you know that we see this and share with you the plan for what comes next.

• We'll assess whether this issue relates to something that has already been fixed in a later version of the release that it has been raised for.
• If it's a bug, is it related to a release that we are actively supporting or is it related to a release that's in the end-of-life or security-only phase?
• We'll replicate the issue to ensure that the problem is as described.
• We'll decide whether the behavior is an issue or if the behavior is intended.

We wish we could work with everyone directly and assess your issue immediately but we're in the fortunate position of having lots of contributions to work with and only a few humans who are able to do it. We are making progress though and in the meantime, we will keep you in the loop and let you know when we have any questions.

Thanks, from your friendly Umbraco GitHub bot :robot: :slightly_smiling_face:

[nul800sebastiaan]

Just to note: Umbraco 13 requires Safari 16.4+ (the error mentions attachInternals: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals#browser_compatibility)

When v13 was released the latest version of Safari was 17.2, so I'd recommend updating Safari first and see if that helps.

[nul800sebastiaan]

Just found that the Safari version depends on the iOS version, looks like all iPads released after 2016 should be able to get up to v16 at least, most to v17.

[Tristan-Campbell]

It might be worth adding a UI message to the login screen saying their browser is not supported for these users rather than the UI being unresponsive which caused frustration. We've had a number of users who are stuck on older iPads which cannot be upgraded and they were totally baffled by it.

[nul800sebastiaan]

Sure, we'd love some help with that!

[github-actions[bot]]

Hi @Tristan-Campbell,

We're writing to let you know that we would love some help with this issue. We feel that this issue is ideal to flag for a community member to work on it. Once flagged here, folk looking for issues to work on will know to look at yours. Of course, please feel free work on this yourself ;-). If there are any changes to this status, we'll be sure to let you know.

For more information about issues and states, have a look at this blog post.

Thanks muchly, from your friendly Umbraco GitHub bot :-)