.html() is undefined when template root tag is <a>

the html() method returns a undefined when the root tag of a template is a link tag. Vue does not give me any errors but could it be that the root element should not have any bindings attached or so?

Not working example:

    <template>
        <a
            class="teaser__link teaser__posterholder"
            :href="this.href"
            v-if="this.teaser && this.teaser.crops[1]"
        >
            <figure class="poster">
                <div class="poster__placeholder">
                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        :alt="this.title"
                        :data-srcset="teaserImageSrcSet"
                    >
                </div>
            </figure>
        </a>
    </template>

while this is working even the root tag is still not a block tag:

    <template>
        <span>
            <a
                class="teaser__link teaser__posterholder"
                :href="this.href"
                v-if="this.teaser && this.teaser.crops[1]"
            >
               ...........
            </a>
        </span>
    </template>

[eddyerburgh]

This should be fixed in 6.0.1 🙌

[podlebar]

@willypt

here is the component: https://gist.github.com/podlebar/448d11a959a51a7373a71f24b531be7f and here the test: https://gist.github.com/podlebar/469c1764ef2aa3f7c9bd760403ab2c4e

the first span in the component i would like to remove… but when i remove it wrapper.html() is undefined… with span it works good.