SASS theme - kendo textbox with icon missing style

Web Themes Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Under Review

Last Updated: 04 Nov 2020 14:22 by ADMIN

Fangchun Lim

Created on: 24 Sep 2020 10:49

Type: Bug Report

SASS theme - kendo textbox with icon missing style

Hello Kendo team,

I was trying to achieve a kendo style textbox with an icon on the left, like this

It works fine on LESS-based theme, but on SASS-based theme the nner <input /> element is not getting the proper styling, like this

I have prepared a simple dojo to demonstrate this issue. I have tried all the 3 SASS theme, seems like all of them having same issue.

http://dojo.telerik.com/ecaLaPoH

2 comments

ADMIN

Ivan Zhekov

Posted on: 04 Nov 2020 14:22

Hi.

The change in question is related to refactoring of all textboxes in our components. While the goal was to avoid the exact result you are seeing, it did happen that we left several textboxes behind.

For 2021 R1 we have committed to fix all those left out instances. As soon as we have progress, I will let you know.

Regards,
Ivan Zhekov
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/.

ADMIN

Neli

Posted on: 01 Oct 2020 10:34

Hello,

We will need some more additional time to investigate if it is a bug.

In the meantime, I would suggest you set the outline and the border of the input element. Below is a style that could be used:

  <style>
    input{
      outline:0 !important;
      border: none !important;
      margin-left: 20px;
    }
  </style>

Here is the modified Dojo example.

I will come back to you once I have additional information on the issue.

Thank you for your patience.

Regards,
Neli
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).