Missing understanding for why Tests with getByLabel fail in firefox/webkit but not in chrome.

I use a iOS style checkbox in my project it is based on "https://gui-challenges.web.app/switch/dist/" but i don't understand why there is a difference when using firefox and webkit for the test. Both test are successful in chrome, first targets the styled checkbox directly but the second only the label, now the test that targets the checkbox fails in firefox and webkit and why there is no getByRole("label") for targeting the label directly is a other question.

test("Failing firefox,webkit", async ({ page }) => {
    await page.goto("https://gui-challenges.web.app/switch/dist/");
    await page.getByLabel("Default").check();
});
test("Succeding firefox,webkit", async ({ page }) => {
    await page.goto("https://gui-challenges.web.app/switch/dist/");
    await page.locator("text=Default").check();
});