Width and height attrs problem
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
Also I am using this settings in my webpack config
{
"loader": "vue-loader",
"options": {
"compilerOptions": {
"isCustomElement": tag => tag.startsWith( "ext-" ),
},
},
},
{`
I think it is related to this update: https://github.com/vuejs/core/pull/8781
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;" >
I find the problem, it caused by this commit: https://github.com/vuejs/core/commit/9845f1d2a1ea8df7ae6db7ac3e012d1989fb448b.
I find the problem, it caused by this commit: 9845f1d.
No, this condition was already fixed in https://github.com/vuejs/core/commit/6fcec3b2c71ec86f1be54f587d4e7dfb107debb7