Skip to content

TextBoxFor Floating Label overlaps populated fields upon popup window initialization of popup editing Grid #5884

@kendo-bot

Description

@kendo-bot

Bug report

When the new TextBoxFor with a Floating label is used as editor for the String fields the label overlaps populated fields.

for MVC and MVC Core

Reproduction of the problem

String editor String.cshtml
@Html.Kendo().TextBoxFor(model => model).Label(l => l.Content("Name").Floating())

Expected/desired behavior

Floating label should not overlap populated fields

Current workaround:

function onEdit(e) {
    $('.k-edit-form-container').children('.form-group').each(function() {
        var kendoTextBoxElement = $(this).find('.k-floating-label-container');
        var inputElement = $(kendoTextBoxElement).find('.k-textbox').find('input');
        if (inputElement.val().length > 0) {
            $(kendoTextBoxElement).removeClass('k-state-empty');
        }
    });
}

Environment

Kendo UI version: 2020.2.513 or above
Browser: [all]

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions