Completed
Last Updated: 13 May 2020 08:02 by ADMIN
Akhileshwar
Created on: 30 Jan 2020 18:34
Category: FloatingLabel
Type: Bug Report
0
Issue in 'floatingLabel' after pressing escape key
 We have an issue with 'floatingLabel' when used with combobox.

 

To reproduce/see the issue please replace/run the below code in any Kendo - combobox example.

Issue:
step 1: Click inside combobox
Step 2: Press Esc key
Step 3: Start typing combobox items
As a result we can see that label overlaps with value inside combobox which is an issue. Can you please provide some quick resolution on this. Thanks

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
  <kendo-textbox-container floatingLabel="First name">
    <kendo-combobox
      [data]="listItems"
      [textField]="'text'"
      [valueField]="'value'"
      [valuePrimitive]="true"
    >
    </kendo-combobox>
  </kendo-textbox-container>
  `
})
export class AppComponent {
  public listItems: Array<{ text: string, value: string }> = [
    { text: "Small", value: '' },
    { text: "Medium", value: '2' },
    { text: "Large", value: '3' }
    ];
}

3 comments
ADMIN
Dimiter Topalov
Posted on: 13 May 2020 08:02

Hi,

Fixed in v4.2.5 of @progress/kendo-angular-dropdowns.

Regards,
Dimiter Topalov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
ADMIN
Dimiter Topalov
Posted on: 04 Feb 2020 12:24

Hello Akhileshwar,

Thank you for bringing this issue to our attention. We logged the problem with the ComboBox and AutoComplete components when used within a floating label (or textbox container) component. It is caused by the fact that pressing Escape triggers a blur event that is not followed by a focus one. You can track the issue in our public GitHub repo:

https://github.com/telerik/kendo-angular/issues/2720

We will do our best to fix the problem as soon as possible, and apologize for any inconvenience caused.

On a side note, we are planning to deprecate the kendo-textbox-container component in favor of the recently introduced kendo-floatinglabel one:

https://www.telerik.com/kendo-angular-ui-develop/components/labels/floatinglabel/

Please consider replacing the kendo-textbox-container with a kendo-floatinglabel accordingly.

Regards,
Dimiter Topalov
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Akhileshwar
Posted on: 30 Jan 2020 18:48
PFA. gif file to see the issue.
Attached Files: