Checkboxes & Toggles not working in Firefox

Help & Support 💻
1

Hi, I am currently working on some simple cases and I wondered why I can’t change checkboxes that are connected to data fields in a table. After some tinkering I found out that the checkboxes are not working in Firefox. If I use Edge oder Chrome it works like a charm.
Has anyone had the same issues?

2

Hi @Ahlgrimm

Thanks for reaching out and welcome to our community!

We mainly focus on Chrome support, however, we value all the browsers :slight_smile: Let us make some tests in the FF browser. We’ll get back to you later.

Cheers!

3

HI again @Ahlgrimm

Turns out, this is a known issue already, and the team is already working on the fix. I’ll keep you posted about the fix here.

Thank you, and let me know if you have any further questions!

2 Likes
4

Hey @Ahlgrimm,

Here is a temporary workaround to make checkboxes work until it’s fixed:

if(!navigator.userAgent.toLowerCase().includes("firefox"))
  return;
let checkboxes = document.querySelectorAll('input[type="checkbox"]')
checkboxes.forEach( cb => {
  cb.nextElementSibling.addEventListener("click", () => {
  	cb.click();
  })
})

Also on a general note @Kate: while testing for this, Firefox crashed numerous times after opening the devtools.

4 Likes