Directive not updated if component changes its root element

[floorish]

Version

2.4.2

Reproduction link

https://jsfiddle.net/floorish/25ukxqmu/

Steps to reproduce

• add custom directive to some child component
• child component changes its root element due to data change, i.e. <span v-if="val"></span><div v-else></div>

What is expected?

Directive is notified that the component is changed and the new <div> element is passed

What is actually happening?

Directive is not updated and still refers to the old <span> DOM node