Bugfix: knockout-sortable was broken due to a knockoutjs change of me

This commit is contained in:
djmaze 2020-09-17 23:48:18 +02:00
parent 118c1613a4
commit 970e9d7d7d
2 changed files with 17 additions and 14 deletions

View file

@ -1,22 +1,11 @@
var classesWrittenByBindingKey = '__ko__cssValue';
// For details on the pattern for changing node classes
// see: https://github.com/knockout/knockout/issues/1597
function toggleDomNodeCssClass(node, classNames, shouldHaveClass) {
if (classNames) {
var addOrRemoveFn = shouldHaveClass ? 'add' : 'remove';
classNames.split(/\s+/).forEach(function(className) {
node.classList[addOrRemoveFn](className);
});
}
}
ko.bindingHandlers['class'] = {
'update': function (element, valueAccessor) {
var value = ko.utils.stringTrim(ko.utils.unwrapObservable(valueAccessor()));
toggleDomNodeCssClass(element, element[classesWrittenByBindingKey], false);
ko.utils.toggleDomNodeCssClass(element, element[classesWrittenByBindingKey], false);
element[classesWrittenByBindingKey] = value;
toggleDomNodeCssClass(element, value, true);
ko.utils.toggleDomNodeCssClass(element, value, true);
}
};
@ -26,7 +15,7 @@ ko.bindingHandlers['css'] = {
if (value !== null && typeof value == "object") {
ko.utils.objectForEach(value, function(className, shouldHaveClass) {
shouldHaveClass = ko.utils.unwrapObservable(shouldHaveClass);
toggleDomNodeCssClass(element, className, shouldHaveClass);
ko.utils.toggleDomNodeCssClass(element, className, shouldHaveClass);
});
} else {
ko.bindingHandlers['class']['update'](element, valueAccessor);