Browser: Chrome
OS: macOS
The setAttribute function is supposed to update the value if the attribute exists and otherwise, add new attribute, but it only works if the attribute exists.
For example:
I have a section with a red background color (.section). I want that when I click on (.icon) the background color would change to green. So, I make a class called (.greenback) and set the background color to green for that class.
Then, I go to the (.icon)'s interaction and set it like this:
trigger: click
Action: set attribute
key: class
value: greenback
Target: css class – > .section
It won’t work!
However, when I manually add (.greenback) to (.section) and add two icons two the page, instead of one, (one to remove attribute and one to set attribute again) it works perfectly.
It appears that the set attribute (at least in my version which is 1.9.4) is only able to update value of existing attributes, and not capable of adding attributes to an element. ( so the only way it works, is to have a default attribute manually set )
Am I missing something?