Strange blue colored padding at bottom of some controls

[Robert]

I've approached support about this, but since I can't upload a solution verbatim to a Dojo, I can't really reproduce it (that I know of).

In the attached screenshot, you can see that the DropDownList and other controls that are either Kendo controls or style by Kendo theme look normal, but the datePicker and NumericTextBox have a thick blue padding at the bottom. And the datePicker's icon is displaced to the right.

 

Any ideas are welcome. I can't post the example per se, as the apps are huge and involve a SQL database etc that I can't upload. However, this issue has been present for as long as I've been using Kendo controls, formerly in ASP.Net forms and now in html/WEBApi applications.

Thanks, Bob Graham

[Robert]

I should probably add that this may only be happening with controls inside a kendoWindow.

I'll add more later. Thanks

[Robert]

Support asked if I was using k-textbox class on these controls.  I was, so I removed that and the location of the datePicker Icon is now correct but the problem with the blue padding at the bottom remains.

And I verified that this only happens in a kendoWindow.

Bob

[Iliana Dyankova]

Hi Bob,

I tried to reproduce the blue bottom padding issue but to no avail (dojo). However, I believe it is styling related - could you please try removing all other CSS files (leaving only the Kendo UI ones) and let me know if the same problem occurs? 

Regards,
Iliana Nikolova
Telerik

 

 

[Robert]

It turned out to be caused by having margin-bottom: 12px on the input.

Changed it to padding-bottom: 12px on the td element instead.

Thanks