AbortError when calling startRegistration on MacOS Safari
#389
Replies: 7 comments
-
|
In hindsight this might be the same as: #351 |
Beta Was this translation helpful? Give feedback.
-
|
Please fill out ALL of the issue template. "N/A" for sections not immediately relevant is fine, but omitting whole sections is no bueno. I created the template because it includes all of the common questions I have for people who drop an issue here, questions like "which browser and its version" and "which OS and version." Once that info is in there we can continue. |
Beta Was this translation helpful? Give feedback.
-
|
My apologies - I've filled out the additional sections. |
Beta Was this translation helpful? Give feedback.
-
|
Hmm, so while playing around with this I realized it's probably a bug with Safari, not with the example project. I recreated the issue in vanilla HTML + JS, the AbortError is expected but there's a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<button id="startReg">Start modal registration</button>
<button id="startAuth">Start modal authentication</button>
<form action="">
<input
type="email"
name="email"
id="email"
autocomplete="webauthn username"
/>
</form>
<script>
const abortController = new AbortController();
// Start conditional UI
navigator.credentials
.get({
publicKey: {
challenge: new Uint8Array(16).fill(0),
allowCredentials: [],
},
mediation: "conditional",
signal: abortController.signal,
})
.then(console.log)
.catch(console.error);
// Start modal registration
document.getElementById("startReg").addEventListener("click", () => {
abortController.abort();
navigator.credentials.create({
publicKey: {
challenge: new Uint8Array(16).fill(0),
rp: { id: "localhost", name: "localhost" },
user: {
id: new Uint8Array(16).fill(0),
name: "Username",
displayName: "Username",
},
pubKeyCredParams: [{ alg: -7, type: "public-key" }],
},
});
});
// Start modal auth
document.getElementById("startAuth").addEventListener("click", () => {
navigator.credentials.get({
publicKey: {
challenge: new Uint8Array(16).fill(0),
},
});
});
</script>
</body>
</html>I'm going to log this as a bug with WebKit since Chrome handles this scenario as I'd expect. It might be the oddity of trying to call |
Beta Was this translation helpful? Give feedback.
-
|
I logged this as a bug here: https://bugs.webkit.org/show_bug.cgi?id=257176 Let's see what Apple says. |
Beta Was this translation helpful? Give feedback.
-
|
yeah definitely seems like Safari weirdness - observed it my own project initially. Thanks for logging that bug. |
Beta Was this translation helpful? Give feedback.
-
|
I'm going to convert this to a Discussion for now since it doesn't appear to be a library issue. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Describe the issue
When calling
startRegistrationin MacOS Safari anAbortError: Authentication ceremony was sent an abort signalerror occurs. Strangely, If called again it successfully starts the registration process.Reproduction Steps
Expected behavior
I would expect that it does not error the first time clicking 'Register'
Code Samples + WebAuthn Options and Responses
Can be replicated by running the example app locally.
Dependencies
SimpleWebAuthn Libraries
Additional context
Looks like it could be related to this issue maybe: #351
Beta Was this translation helpful? Give feedback.
All reactions