Known Issues and Breaking Changes - AutoCompleteBox

[Telerik Admin]

Q1 2014 (Version number: 2014.1.225)

Problem:

Control is throwing a JavaScript error on IE7:  “Could not get the fontWeight property. Invalid argument”.

Solution:

This issue will be resolved in the first internal build. If you do not want to use an internal build the following JavaScript and CSS fix will resolve the issue:

<script type="text/javascript">
    Telerik.Web.UI.RadAutoCompleteBox.DropDown.prototype._createTextSizingDiv = function (sourceElement) {
        var textSizingDiv = document.createElement("div"),
            fontStyles = ["font-size", "font-family", "font-weight", "font-variant", "font-style", "text-transform"],
            fontStylesProperties = ["fontSize", "fontFamily", "fontWeight", "fontVariant", "fontStyle", "textTransform"];

        textSizingDiv.style.position = 'absolute';
        textSizingDiv.style.display = 'block';
        textSizingDiv.style.visibility = 'hidden';

        // In IE 7/8 getComputedStyle takes styles in format "fontSize", while in other browsers
        // it must be "font-size". After fixing the getComputedStyles implementation to resolve
        // the format, remove this workaround
        if ($telerik.getComputedStyle(sourceElement, fontStyles[0], null) === null) {
            fontStyles = fontStylesProperties;
        }

        for (var i = 0, length = fontStyles.length; i < length; i++) {
            textSizingDiv.style[fontStylesProperties[i]] = $telerik.getComputedStyle(sourceElement, fontStyles[i], null);
        }

        return textSizingDiv;
    }
</script>

<style type="text/css">
    html .RadAutoCompleteBox .racTokenList {
        display: block;
    }
</style>