Subscribe on changes!

Width and height attrs problem

avatar
zdm
Dec 6th 2023

Vue version

3.3.10

Link to minimal reproduction

See below

Steps to reproduce

I am using cunstom web components ( extjs web components ) inside vue sfc template:

<teplmate>
    <ext-dialog width="100" height="100" >
</teplmate>

Width and height are passed as null.

Im vue v3.3.9 works without errors.

What is expected?

See above

What is actually happening?

See above

System Info

See above

Any additional comments?

See above

avatar
zdm
Dec 6th 2023

Also I am using this settings in my webpack config

{
                                "loader": "vue-loader",
                                "options": {

                                    "compilerOptions": {
                                        "isCustomElement": tag => tag.startsWith( "ext-" ),
                                    },
                                },
                            },
                            {`
avatar
zdm
Dec 6th 2023

I think it is related to this update: https://github.com/vuejs/core/pull/8781

avatar
Dec 7th 2023

I think it is related to this update: #8781

This update only has an impact on emmed tag such as <img /><video /><canvas />,it won't affect custom element. For a custom element, browser doesn't support set width and height by <ext-dialog width="100" height="100" >, instead, you should set width and height by <ext-dialog style="width: 100px; height: 100px;" >

avatar
Dec 7th 2023
avatar
Dec 7th 2023

I find the problem, it caused by this commit: 9845f1d.

No, this condition was already fixed in https://github.com/vuejs/core/commit/6fcec3b2c71ec86f1be54f587d4e7dfb107debb7

avatar
zdm
Dec 7th 2023

Yhank you very much. When we can experct for the patch release?