Skip to content

Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '"' is not a valid attribute name. #13944

@RGdevz

Description

@RGdevz

Vue version

3.5.22

Link to minimal reproduction

https://play.vuejs.org/#eNp9kEFrAyEQhf+KzDlsDu0pLIG25NAe2tL26GVxJxtTV0XH7ULY/97RbdIEQhRheO9T38wBHryvhoSwgpqw96YhXEubd93qQUhY73S95LKo9fICqqMK2hPXOHoXSLS4bZIhcciuEPOZ8r0/EhZAUTm71V21j87yv8wyBcr1XhsMb560s1HCKr8ieElojHE/L0WjkHBx1NUO1fcVfR/HrEl4DxgxDCjh5FETOqTZ3ny+4sj1yexdmwzTN8wPjM6knHHGHpNtOfYZV9I+93kg2nZfcTMS2nhsKgfN5FR4CTz8pxut/8e9q+7LPR4oTL8VHZIa

Steps to reproduce

add element with a single " attribute like this

<div ">hi</div>

the error only happens for me on my mobile phone (last chrome) on desktop it's not happen

Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '"' is not a valid attribute name.
    at patchAttr (vue.runtime.esm-browser.js:11228:10)
    at patchProp (vue.runtime.esm-browser.js:11401:5)
    at mountElement (vue.runtime.esm-browser.js:7069:11)
    at processElement (vue.runtime.esm-browser.js:7016:7)
    at patch (vue.runtime.esm-browser.js:6882:11)
    at ReactiveEffect.componentUpdateFn [as fn] (vue.runtime.esm-browser.js:7513:11)
    at ReactiveEffect.run (vue.runtime.esm-browser.js:542:19)
    at setupRenderEffect (vue.runtime.esm-browser.js:7641:5)
    at mountComponent (vue.runtime.esm-browser.js:7415:7)
    at processComponent (vue.runtime.esm-browser.js:7367:9)

What is expected?

no error on both devices, or show error on both devices

What is actually happening?

error on mobile, no error on desktop

System Info

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions