Svelte: InputOutputToggle doesn't completely hide the browser checkbox

[lukasmoellerch]

Describe the bug
The InputOutputToggle component doesn't completely hide the browser checkbox on mobile safari, there are still parts of the checkbox that are visible which results in InputOutputToggle looking weird. The rectangle is only visible when the checkbox in its off state.

Version: AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1

[lukasmoellerch]

@Conduitry I don't quite understand why the issue was moved. I thought that the bug is related to https://github.com/sveltejs/svelte/blob/master/site/src/components/Repl/InputOutputToggle.svelte which is located in the main sveltejs repo. Is it planned to move that component to this repo as well?

[Conduitry]

Whoops! You are right. I will transfer this back.

[benschac]

I made a PR in site-kit.

[benschac]

Could this be updated to has PR?

[Wolfr]

Aha, I was trying to fix this issue but it was already fixed here. I swore I saw a fix but couldn't find it.

In my solution I am simply adding border: none to he code.

[benschac]

Anything else on my end to get this PR to the finish line?

[Rich-Harris]

Redeployed the site with @benschac's fix 🍻