Sync with Kendo UI Professional

Author: kendo-bot

package-lock.json

@@ -69,7 +69,8 @@
     "word-wrap": ">=1.2.4",
     "semver": ">=7.5.2",
     "semver-regex": ">=3.1.4",
-    "follow-redirects": ">=1.15.4"
+    "follow-redirects": ">=1.15.4",
+    "es5-ext": ">=0.10.63"
   },
   "scripts": {
     "build": "npm ci && npx gulp build",

package.json

@@ -1187,12 +1187,16 @@ var __meta__ = {
                 Binder.fn.init.call(this, widget.element[0], bindings, options);
 
                 this.widget = widget;
+                this.readonly = this.element.readOnly;
             },
 
             refresh: function() {
                 if (this.widget.enable) {
                     this.widget.enable(this.bindings.enabled.get());
                 }
+                if (this.readonly && this.widget.readonly) {
+                    this.widget.readonly(this.readonly);
+                }
             }
         }),
 

src/kendo.binder.js

@@ -927,12 +927,15 @@ var __meta__ = {
         },
 
         _active: function() {
-            var item = this.tabGroup.children().filter("." + ACTIVESTATE);
+            var that = this;
+            setTimeout(function() {
+                var item = that.tabGroup.children().filter("." + ACTIVESTATE);
 
-            item = item[0] ? item : this._endItem("first");
-            if (item[0]) {
-                this._current(item);
-            }
+                item = item[0] ? item : that._endItem("first");
+                if (item[0]) {
+                    that._current(item);
+                }
+            }, 100);
         },
 
         _animations: function(options) {
@@ -949,6 +952,10 @@ var __meta__ = {
             var that = this,
                 options = that.options;
 
+            that.tabGroup
+                .on(CLICK + NS, ".k-disabled .k-link", false)
+                .on(CLICK + NS, " > " + NAVIGATABLEITEMS, that._itemClick.bind(that));
+
             that.wrapper.on("focus" + NS, function() { that.tabGroup.trigger("focus"); });
 
             that.tabGroup
@@ -961,10 +968,6 @@ var __meta__ = {
             if (options.navigatable) {
                 that.tabGroup.on("keydown" + NS, that._keyDownProxy);
             }
-
-            that.tabGroup
-                .on(CLICK + NS, ".k-disabled .k-link", false)
-                .on(CLICK + NS, " > " + NAVIGATABLEITEMS, that._itemClick.bind(that));
         },
 
         _click: function(item) {
@@ -978,7 +981,7 @@ var __meta__ = {
                 neighbours = item.parent().children(),
                 oldFocusedTab = neighbours.filter("." + FOCUSEDSTATE);
 
-            if (item.closest(".k-widget")[0] != that.wrapper[0]) {
+            if (item.closest(".k-tabstrip")[0] != that.wrapper[0]) {
                 return;
             }
 
@@ -1091,9 +1094,7 @@ var __meta__ = {
             }
 
             if (candidate) {
-                if (!candidate.hasClass(ACTIVESTATE)) {
-                    candidate.addClass(FOCUSEDSTATE);
-                }
+                candidate.addClass(FOCUSEDSTATE);
             }
 
             that._focused = candidate;

src/kendo.tabstrip.js

@@ -351,19 +351,6 @@ it("changing visible to true shows the widget", function() {
     assert.isOk(dom.data("kendoAutoComplete").wrapper.css("display") != "none", "Display is not 'none'");
 });
 
-
-it("binding enabled to false disables the widget", function() {
-    dom = $('<input data-bind="enabled:enabled" data-role="autocomplete"/>');
-
-    var observable = kendo.observable({
-        enabled: false
-    });
-
-    kendo.bind(dom, observable);
-
-    assert.isOk(dom.is(":disabled"));
-});
-
 it("binding enabled to true enables the widget", function() {
     dom = $('<input data-bind="enabled:enabled" disabled="disabled" data-role="autocomplete" />');
 

tests/autocomplete/mvvm.js

@@ -1246,6 +1246,14 @@
             assert.equal(dom[0].hasAttribute("readonly"), false);
         });
 
+        it("readonly attribute has higher priority that enabled", function() {
+            dom = $('<input data-role="textbox" data-bind="enabled: isEnabled" readonly/>');
+            kendo.bind(dom, { isEnabled: true });
+
+            assert.equal(dom[0].readOnly, true);
+            assert.equal(dom[0].hasAttribute("readonly"), true);
+        });
+
         it("bind to parent property with nested kendo.bind", function() {
             var viewModel = kendo.observable({
                 foo: {