Updating children props dynamically ignores "0"

I have a Parent component, that takes children components. I want to dynamically add props to each children so I’m adding “index” in a loop. Every child element is supposed to have attributes “index=0”, “index=1” and so on. But the generated DOM’s 1st element doesn’t have the attribute “index=0” while the rest of them have “index=1”, “index=2” and so on.

Below codepen reproduces the issue: https://codepen.io/rajaraodv/pen/aLPWgd

<div>
  <h1>raja</h1>    <-- notice that the 1st element is missing index="0"
  <h2 index="1"> rao</h2>
</div>

[jorgebucaran]

@infinnie @rajaraodv Still not published, but both issues (value=0 and undefined) are now fixed in master!

https://github.com/hyperapp/hyperapp/blob/e02342b8f2ede9e655fcef406908ac536f904720/src/app.js#L146-L153

💪😄

[thysultan]

Yes, now that i look at how it’s handled here, it probably shouldn’t matter for the mentioned case(unless the logic of setElementProp changes) since app.js#L134-L143 executes both the setter and setAttribute operations.

Edit:

executes both the setter and setAttribute operations

The order that it executes them in means that it might not show in devtools, i.e if value = 0