Skip to content

Uize.Node.Classes.setState doesn't consistently work with multiple nodes #24

@BenAtZazzle

Description

@BenAtZazzle

If I try to call Uize.Node.Classes.setState twice passing into 2 nodes as the nodeBlob, the first setState works and properly sets both nodes to the new state, but the second call only sets the first node.

Example:

<div id="foo"></div>
<div id="bar"></div>
var
    fooNode = Uize.Node.getById('foo'),
    barNode = Uize.Node.getById('bar'),
    classes = ['class1', 'class2', 'class3', 'class4', 'class5']
;

Uize.Node.Classes.setState([fooNode, barNode], classes, 2);
console.log(fooNode.className, barNode.className); // class3 class3
Uize.Node.Classes.setState([fooNode, barNode], classes, 4);
console.log(fooNode.className, barNode.className); // class5

Uize.Node.Classes.setState(fooNode, classes, 3);
Uize.Node.Classes.setState(barNode, classes, 3);
console.log(fooNode.className, barNode.className); // class4 class4
Uize.Node.Classes.setState(fooNode, classes, 1);
Uize.Node.Classes.setState(barNode, classes, 1);
console.log(fooNode.className, barNode.className); // class2 class2

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions