1. Home
  2. Forum
  3. Angular - EJ 2
  4. Why no focus style when tab into checkbox or switch control?

Why no focus style when tab into checkbox or switch control?

Hi,

I know press enter can check or noncheck, but press tab key, no focus style.

Problem:


But this is fine:




5 Replies
YA YuvanShankar Arunagiri Syncfusion Team July 8, 2022 03:27 PM UTC

Hi Lorryl,


We have checked your reported query and the issue will resolve using the enableRipple as true in your sample. Please refer the below sample and code snippet.


[index.ts]:

enableRipple(true);


Sample link: https://stackblitz.com/edit/kvlt8y-jzsfge?file=index.ts


Could you please check the above code and get back to us, if you need any further assistance on this. 


Regards,

YuvanShankar A


LO lorryl July 12, 2022 09:49 AM UTC

Thanks, the checkbox and switch is work by press tab key.

Does the single button support the tab key focus ri


YA YuvanShankar Arunagiri Syncfusion Team July 13, 2022 04:14 AM UTC

Hi lorryl,


Query: Does the single button support the tab key focus ?


Yes, button can focus for tab key press, please refer the below sample link.

Sample link: https://stackblitz.com/edit/kvlt8y-jzsfge?file=index.html,index.ts

Could you please check the above sample and get back to us, if you need any further assistance on this. 


Regards,

YuvanShankar A


LO lorryl July 13, 2022 09:48 AM UTC

Hi,

the checkbox ripple is imcomplete, even I set the index is very large. Any idear?



YA YuvanShankar Arunagiri Syncfusion Team July 15, 2022 04:38 PM UTC

Hi Lorryl,


We are unable to replicate the issue in our end. So, if possible, please share the below details.


  • Share the issue reproducible sample or replicate the issue in our sample.

  • Share the video demonstration of issue replicable.


Please provide the above requested information, based on that we will check and provide you a better solution quickly.



Regards,

YuvanShankar A


Loader.
Up arrow icon