BUG since 2012.1.322 Mobile css overrules AutoComplete css

[Roland Koops]

I have a kendo mobile application. For searching i use an autocomplete on one of the views. I have switched from version 2012.1.229 to 2012.1.322.  In this new version the autocomplete is not rendered correctly. It seems that the mobile CSS settings overrule the autocomplete settings.

I have included the following CSS links.

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.mobile.ios.min.css" rel="stylesheet" />

 

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css" rel="stylesheet" />

If i comment the mobile.ios.min.css out, the autocomplete widget renders correctly again (, but the rest of the mobile appication is broken).

Using IE developer tools to zoom in. It seems the following CSS rules are causing my issue:
.km-root input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]) {

    top: 50%; right: 0.8em; line-height: normal; margin-top: -0.5em; position: absolute; z-index: 1;

}

 

.km-root input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]) {

    right: 0px; margin-top: -0.95em;

}

 

 

.km-ios input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]) {

    padding: 0.4em; outline: 0px; border: 0px currentColor; color: rgb(56, 84, 135); font-size: 1.1rem; min-width: 6em;

}

Can you fix it, or provide a workaround?

[Kamen Bundev]

Hello Rolland,

I can confirm this bug, we fixed it and the fix will be available with the next internal build since its too big to provide a workaround. I also updated your points for the bug report.

Kind regards,
Kamen Bundev
the Telerik team