Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet-mvc/introduction.md

@@ -34,7 +34,7 @@ Telerik UI for ASP.NET MVC supports:
 * [C#](https://msdn.microsoft.com/en-us/library/aa288436(v=vs.71).aspx) / [VB.NET](http://www.tutorialspoint.com/vb.net/)
 * [SharePoint 2010](https://msdn.microsoft.com/en-us/library/office/dd776256(v=office.12).aspx) and later
 
-Telerik UI for ASP.NET MVC Visual Studio Extensions support Visual Studio 2012 and later.
+Telerik UI for ASP.NET MVC Visual Studio Extensions support Visual Studio 2015 and later.
 
 ## Download
 

docs/controls/editors/autocomplete/troubleshoot/troubleshooting.md

@@ -0,0 +1,57 @@
+---
+title: Common Issues
+page_title: Common Issues | Kendo UI AutoComplete
+description: "Learn how to deal with issues you may encounter while using the Kendo UI AutoComplete widget."
+previous_url: /controls/editors/autocomplete/troubleshooting
+slug: troubleshooting_autocomplete_widget
+---
+
+# Common Issues
+
+This page provides solutions for common issues you might encounter while working with the Kendo UI AutoComplete widget.
+
+## Chrome AutoFill Popup
+
+`Chrome` browser ignores the `autocomplete="off"` and ignores any value set to the attribute if the input name matches one of the predefined autofill fields.
+
+**Solution**
+
+Toggle the name attribute on `focus` and `focusout`.
+
+###### Example
+
+    <form>
+        <input name="city" ID="City" required />
+    </form>
+    <script>
+        var data = [
+			"Toronto",
+			"New York",
+			"London",
+            "Paris"
+        ];
+        var name;
+        var CityAutoComplete = $("#City").kendoAutoComplete({
+            dataSource: data,
+            filter: "startswith",
+            placeholder: "Select city...",
+            separator: ", "
+        }).getKendoAutoComplete();
+
+        CityAutoComplete.element.on("focus", function () {
+            name = this.name;
+            this.name = kendo.guid().substr(0, 8);
+        });
+        CityAutoComplete.element.on("focusout", function () {
+            this.name = name;
+        });
+    </script>
+
+
+**Solution**
+
+Use a `name` attribute that is not contained in the predefined autofill fields of Chrome.
+
+## See Also
+
+* [AutoComplete JavaScript API Reference](/api/javascript/ui/autocomplete)

docs/controls/navigation/menu/contextmenu.md

@@ -286,7 +286,7 @@ The following example demonstrates how to enable scrolling within the ContextMen
     </script>
 
 
-You can also customize the scrollable amount by setting a value (in pixels) to the [`distance` property](/kendo-ui/api/javascript/ui/contextmenu/configuration/scrollable.scrollabledistance). `distance` defaults to `50`.
+You can also customize the scrollable amount by setting a value (in pixels) to the [`distance` property](/kendo-ui/api/javascript/ui/contextmenu/configuration/scrollable.distance). `distance` defaults to `50`.
 
 ###### Example
 

src/kendo.autocomplete.js

@@ -40,6 +40,7 @@ var __meta__ = { // jshint ignore:line
         FOCUSED = "k-state-focused",
         SELECTED = "k-state-selected",
         STATEDISABLED = "k-state-disabled",
+        AUTOCOMPLETEVALUE = support.browser.chrome ? "disabled" : "off",
         HOVER = "k-state-hover",
         ns = ".kendoAutoComplete",
         HOVEREVENTS = "mouseenter" + ns + " mouseleave" + ns,
@@ -113,7 +114,7 @@ var __meta__ = { // jshint ignore:line
                     wrapper.removeClass(FOCUSED);
                 })
                 .attr({
-                    autocomplete: "off",
+                    autocomplete: AUTOCOMPLETEVALUE,
                     role: "textbox",
                     "aria-haspopup": true
                 });

src/kendo.combobox.js

@@ -43,6 +43,7 @@ var __meta__ = { // jshint ignore:line
         FOCUSED = "k-state-focused",
         STATEDISABLED = "k-state-disabled",
         ARIA_DISABLED = "aria-disabled",
+        AUTOCOMPLETEVALUE = support.browser.chrome ? "disabled" : "off",
         STATE_FILTER = "filter",
         STATE_ACCEPT = "accept",
         STATE_REBIND = "rebind",
@@ -906,7 +907,7 @@ var __meta__ = { // jshint ignore:line
             input = wrapper.find(SELECTOR);
 
             if (!input[0]) {
-                wrapper.append('<span tabindex="-1" unselectable="on" class="k-dropdown-wrap k-state-default"><input ' + name + 'class="k-input" type="text" autocomplete="off"/><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span>')
+                wrapper.append('<span tabindex="-1" unselectable="on" class="k-dropdown-wrap k-state-default"><input ' + name + 'class="k-input" type="text" autocomplete="' + AUTOCOMPLETEVALUE +'"/><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span>')
                     .append(that.element);
 
                 input = wrapper.find(SELECTOR);

src/kendo.multiselect.js

@@ -48,6 +48,7 @@ var __meta__ = { // jshint ignore:line
         STATEDISABLED = "k-state-disabled",
         DISABLED = "disabled",
         READONLY = "readonly",
+        AUTOCOMPLETEVALUE = kendo.support.browser.chrome ? "disabled" : "off",
         ns = ".kendoMultiSelect",
         CLICK = "click" + ns,
         KEYDOWN = "keydown" + ns,
@@ -1421,7 +1422,7 @@ var __meta__ = { // jshint ignore:line
 
             that._focused = that.input = input.attr({
                 "accesskey": accessKey,
-                "autocomplete": "off",
+                "autocomplete": AUTOCOMPLETEVALUE,
                 "role": "listbox",
                 "title": element[0].title,
                 "aria-expanded": false,

styles/web/common/spreadsheet.less

@@ -452,7 +452,6 @@ textarea.k-spreadsheet-clipboard {
     width: 100%;
     height: 100%;
     overflow: scroll;
-    -webkit-overflow-scrolling: touch;
     position: absolute;
     z-index: 1;
 }

tests/combobox/initialization.js

@@ -63,18 +63,19 @@ it("wraps element if no wrapper span.k-widget and hide element", function() {
 });
 
 it("create a text input", function() {
-   var combobox = new ComboBox(input.attr("name", "combo1"), {
-       text: "test"
-   });
+    var autocompleteAttr = kendo.support.browser.chrome ? "disabled" : "off";
+    var combobox = new ComboBox(input.attr("name", "combo1"), {
+        text: "test"
+    });
 
-   var text = combobox.input;
+    var text = combobox.input;
 
-   assert.isOk(text.is("input"));
-   assert.isOk(text.hasClass("k-input"));
+    assert.isOk(text.is("input"));
+    assert.isOk(text.hasClass("k-input"));
 
-   assert.equal(text.val(), "test");
-   assert.equal(text.attr("autocomplete"), "off");
-   assert.equal(text.attr("name"), "combo1_input");
+    assert.equal(text.val(), "test");
+    assert.equal(text.attr("autocomplete"), autocompleteAttr);
+    assert.equal(text.attr("name"), "combo1_input");
 });
 
 it("text input should be wrapped with span", function(){