Skip to main content


Why am I having trouble with disabled states in React?#

Because Checkbox is a form-associated custom element, the browser recognises it as having a disabled state even if the value is set to false. You can use a tool like @lit-labs/react as a wrapper around this WC to manage attributes a little better.

Why are form components not working in Firefox/Webkit?#

The form-associated custom elements spec isn't implemented on these browsers yet. Fortunately there's a polyfill that you can use to implement most of this behaviour. We run our tests against Chrome, Firefox, and Webkit, and for the latter two we test using the polyfill. This means the core functionality should work when using the polyfill.