Mastodawn

Just published a polyfill for `<input type="checkbox" switch>`: https://github.com/tomayac/input-switch-polyfill/. Here's a quick demo: https://tomayac.github.io/input-switch-polyfill/. A little proud of how this conditionally only loads when it's needed. Compare Chrome (above, needs the polyfill) and Safari (below, doesn't need the polyfill).

Show thread

Vadim Makeev Dec 11

@tomayac This polyfill needs a polyfill for CSS modules in Firefox 😬 Works fine in Nightly, though.

const sheetPromise = import('./input-switch-polyfill.css', {
with: { type: 'css' },
});

Uncaught (in promise) TypeError: polyfill.css: invalid module type

Show thread

Thomas Steiner

Dec 11

@pepelsbey Oh noes. Is there one? It'd only be a temporary solution, as Nightly has it already.

Show thread

Barry Pollard

@tomayac @pepelsbey I just added a more robust fallback for when the JS isn't supported so it works again on production after a 2 second timeout. But could improve on that by handling this specific scenario better.