Input controls growing and shrinking when loading data

[Dale]

Controls loading icon stretching fields

As you can see fields grow and shrink due the the loading icon right of the dynamic controls being larger than the control I believe

Is this a bug or something I can do to resolve

https://i.imgur.com/puFkDGl.gif

[Eyup]

Hello Dale,

 

This is something pretty specific and will need exact CSS styles to fix.

Can you provide a REPL example demonstrating it? Or maybe modify the attached sample to replicate the issue and send it to me? This will allow me to debug the project locally and provide more accurate and precise solutions to the matter.

 

Regards,
Eyup
Progress Telerik

[Dale]

Not doing anything special, justing kendo as is out of box. The loading icon is bigger than the control forcing it to grown then shrink. Our temporary fix is this

.k-i-loading {
    display: none !important;
}

 

This is the code

@(Html.Kendo().DropDownListFor(m => m.TermId)
.DataTextField("Text")
.DataValueField("Value")
.Filter(FilterType.Contains)
.DataSource(s => s.Read(r => r.Action("ReadTerms", "Term")).ServerFiltering(true))
.Required()
.Width(300)
)

so only thing not out of box is the two extension methods .Required and .

        // DROP DOWN LIST
        public static DropDownListBuilder Required(this DropDownListBuilder builder)
        {
            builder.ToComponent().HtmlAttributes.Add("required", "required");
            builder.OptionLabel("Please Select");
            return builder;
        }

        public static DropDownListBuilder Width(this DropDownListBuilder builder, int width)
        {
            builder.ToComponent().HtmlAttributes.Add("style", "width:" + width.ToString() + "px");
            return builder;
        }

[Eyup]

Yeah, your code seems correct. There is some CSS probably mixmatch somewhere.

However, in order for me to track it down more deeply, I will need you to modify the kendocoregridsample2023r2.zip sample and send it back to me for further investigation.