1. Feedback
  2. React
  3. 46066

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, 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

If using floatLabelType "auto" the placeholder returns on losing focus to overlap the selected value

When looking at the documentation for DropDownList I noticed this bug visible in the sample for "Adding mandatory asterisk to placeholder and float label":

https://ej2.syncfusion.com/react/documentation/drop-down-list/style#adding-mandatory-asterisk-to-placeholder-and-float-label

  • the component initially has no value
  • you click on the component to focus it and the placeholder pops out above and the drop down list appears
  • you select from the list and the value is shown ok and the placeholder remains above the list
  • but if you then click elsewhere on the page so the component loses focus the placeholder returns to being inside the component so it's overlapped by the value
My guess it's a bug on the component's handling of losing focus whereby it's failing to handle that a value has been selected and that it shouldn't then return the label inside the value display area.

Screenshot to show state of component after value selected and then focus lost:
dropdownlistfloatlabelbug.jpg

Edit: sorry, this should have been a bug report not a feature request!