NumericTextBox Not Applying k-state-focused Mouse Enter

2 posts, 1 answers
  1. Kyle
    Kyle avatar
    39 posts
    Member since:
    Aug 2011

    Posted 06 Jan Link to this post

     

     

    As I go through and implement + style the KendoReact controls for use in our dynamic forms, would you like me to report any "bugs" I may find in the forum or is there a better place?

    What I found today was a styling issue. I noticed that the NumericTextBox didn't look the same as the other inputs when focused. At first, I figured it was because of some kind of SCSS shenanigans that I've been fighting, but then I realized that .k-state-focused wasn't applied.  As soon as I manually did it via Chrome DevTools, it looked exactly as expected.

    Here's an example: https://stackblitz.com/edit/react-s8ugrr-vnxuc1?file=app/main.jsx

    As you tab thru, you'll see that all controls except the NumericTextBox apply the box shadow.

     

    Thanks again,
    Kyle

  2. Answer
    Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 07 Jan Link to this post

    Hello, Kyle,

    You can report issues anywhere that is convenient for you.

    There are 4 places:

    - Here in the forums.

    - Inside a support ticket in the ticketing system.

    - Inside the feedback portal:

    https://feedback.telerik.com/kendo-react-ui (issues and feature requests)

    - In our GitHub repo:

    https://github.com/telerik/kendo-react

    -------------------------------------------------------------------------

    As for the k-state-focused class, it is indeed missing and I logged it for fixing:

    https://github.com/telerik/kendo-react/issues/821

    I have also added Telerik points to your account for bringing this to our attention.

    Regards,
    Stefan
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top