1. Feedback
  2. JavaScript
  3. 27264

Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

When provide the float label type as “auto” and “always” then hidden element displayed inside input element

If we are enabling the float label type as “auto” and “always” then select hidden element is displayed inside the input element. This issue occurred if we disabled the clear icon by showClearButton as false. Kindly refer the below sample and details.


This issue occurred due to missing of below styles.


.e-ddl.e-float-input .e-ddl-hidden {

    border: 0;

    height: 0;

    visibility: hidden;

    width: 0;

}

var atcObj2 = new ej.dropdowns.AutoComplete({

  //set the local data to dataSource property

  dataSource: window.ddCountryData,

  // map the appropriate columns to fields property

  fields: { value: 'Name' },

  // set the placeholder to AutoComplete input element

  placeholder: 'e.g. Australia',

  floatLabelType: 'Auto',

  showClearButton: false

});

atcObj2.appendTo('#country');

Issue reproducing sample: https://stackblitz.com/edit/wksubc?file=index.js