This is a migrated thread and some comments may be shown as answers.

RadButton Focus not showing any indication of focus in Bootstrap skin

1 Answer 90 Views
Button
This is a migrated thread and some comments may be shown as answers.
Justin
Top achievements
Rank 1
Justin asked on 30 Oct 2018, 04:44 PM

https://demos.telerik.com/aspnet-ajax/button/examples/css3buttons/defaultcs.aspx?skin=Bootstrap

The issue is visible within the above demo. I attached a screenshot comparing Sunset theme (Focus does work on this theme) to Bootstrap.

Is there a workaround for this?

1 Answer, 1 is accepted

Sort by
0
Accepted
Vessy
Telerik team
answered on 01 Nov 2018, 12:39 PM
Hi Justin,

I have just answered you support ticket on the matter, for convenience I will paste part of my answer here as well:


I can confirm that this is a bug in RadButton and have logged in into our backlog. You can track its progress here:
https://feedback.telerik.com/Project/108/Feedback/Details/258714

Meanwhile, you can workaround it by applying a similar style to the focused state of the control:
button.RadButton.rbButton:focus {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}


Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Button
Asked by
Justin
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or