Attribute inherited from sibling in a v-if/v-else structure

Version

2.6.10

Reproduction link

https://codepen.io/anon/pen/YoygXR

Steps to reproduce

1. Keep the mouse out of the result iframe of Codepen. Initially “false” is printed and the <progress> is empty

2. Trigger mousemove on the result iframe. The text is changed to “true” since progress now is === null and the <progress> is still empty

What is expected?

Since progress is === null (verified by the text) the <progress> should be rendered without a value attribute, i.e. in an indeterminate state. This is expected because the v-if <progress> doesn’t have a value attribute in the template.

What is actually happening?

The <progress> rendered when progress === null has a value attribute set. I assume this is inherited from the v-else <progress>.

---

Tested in Chrome ~74. Please ask any questions and I’ll provide further details.

[Justineo]

I agree. Could you please open a new issue with the minimal repro you just found? It’s already quite different from the original issue.

[Llbe]

@Justineo: I’m not sure I follow.

Shouldn’t this be considered a bug? Please see the new example here: https://codepen.io/anon/pen/pXjBQq

There are two <progress>

1. The first has :value="progress" where progress === undefined

2. The second has :value="undefined"

They are rendered differently, which seems counterintuitive.