EasyUI Forum

General Category => EasyUI for React => Topic started by: chrwei on July 10, 2020, 07:18:10 AM



Title: Checkbox issue in firefox
Post by: chrwei on July 10, 2020, 07:18:10 AM
when the checkbox has focus, pressing the spacebar toggles it in Chrome and Edge.  in Firefox it double presses or something and flashes back to the starting state.  you can see this in your demo

 https://www.jeasyui.com/demo-react/main/index.php?plugin=CheckBox&theme=material-teal&dir=ltr&pitem=&sort=asc

click a box and press tab to get it to have focus, then press space.


Title: Re: Checkbox issue in firefox
Post by: chrwei on December 11, 2020, 07:29:11 AM
space still doesn't toggle in firefox


Title: Re: Checkbox issue in firefox
Post by: jarry on December 13, 2020, 03:26:24 AM
Please try to set the 'tabIndex' property for the CheckBox component.


Title: Re: Checkbox issue in firefox
Post by: chrwei on February 25, 2021, 02:27:35 PM
finally got around to this one, tabIndex has no affect.

the checkbox receives focus fine either way, just that pressing space bar once you see a check and an uncheck, there's no way to leave it checked without grabbing the mouse.

actually it seems to only be happening on one form, I'll try to make a test case.