This is a migrated thread and some comments may be shown as answers.

Fixing floating labels

1 Answer 336 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Bruce
Top achievements
Rank 1
Bruce asked on 24 Jul 2019, 01:28 PM

The Kendo React components seem to have adopted a floating label as their standard. While I think that's a good idea, I do have a question about compatibility between these components and Material-UI.

One of the capabilities that Material-UI text fields provides is the ability to have the label continue to float even if the content of the text field is null. It accomplishes this by passing setting the shrink property to true in the InputLabelProps. For example.

<TextField
   ...
   InputLabelProp={{
      shrink: true,
   }}
/>

Is there any way to achieve this behavior in the Kendo React components? Or, if not, are they any plans to add this functionality to a future version?

Thanks

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 25 Jul 2019, 10:04 AM
Hello, Bruce,

Currently, the KendoReact components will place the placeholder at the top if there is a value in the component.

Still, I can agree that for consistency, such property will be beneficial.

I have logged in our feature request system:

https://feedback.telerik.com/kendo-react-ui/1421819-allow-the-floatinglabels-to-be-place-over-the-input-even-if-the-value-is-null-empty

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Bruce
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or