Skip to content

new customizable select elements not supported #13778

@Calvin-LL

Description

@Calvin-LL

Vue version

v3.5.18

Link to minimal reproduction

https://play.vuejs.org/#eNqllcGO0zAQhl/F8gmkbSO0IKEQKsGyCDjAinKMhFxn2njr2JbtlKJVHwGJA/d9Bi5IvBWPwNjedtNqtaukt8nMPzNfptHfK/rKmPGqBZrTwnErjCcOfGsmpSqylMAQHzw0RjIP+ERIMde2iRHGQRsCDCWbgSRYfFlSA37kQAL3JZ1MY0AwlxdZVN02JRER1WHTVoGaWeu9Vp3Mrg8qrpUH5SfIe5DpDMh2EzpJbbzQiqyYbAGX48oLCcwBniAisQBcZEnWnXbQyNk+boAzTBEumXNYFwhUUsKsYKNaVBUoTHrbAnb9u/75G8lR3u2f7A9I+0bxcNhzxpAqCPbe8EHMSi+OwfzTF/ONXgzBrFnjPNhjUP/2RX2Xdg7B5bXgS0Ca4bi/en8AaecQ3Llw9TGs131Z3+LCIaBOsWXYOZj0R1/Sadj4MOrWZ7b+lyUDLLIbUyyyjlfio/PfJVoK1wYqzKTmk1LluQm/on2UMo/JVRjDjAFmmeKQkxl60Y0dvijVJlpyGIZT6An1OFLNxWJ86bRC/47t+D3qxggJ9lOkdiXN0+BQY1Lqbx9iLtwJIVKe18CXd+Qv3TrkSnphwYFd4WV3Nc/sAtD3Qvl8+hHWGO+Kja5aiep7ip/BadkGxiR73aoKsTu6SPu+Mdp6oRZf3PkaXd1tXyr+0KjcRH1J8U/s7J5Xv8U9HT+NfXhRvOLXFdgwEw94On42fvKcbv4DZ8BC6w==

Steps to reproduce

Run the reproduction above with the new customizable select elements.

Including the new <selectedcontent> element, having <button> inside <select>, and elements inside <option>.

What is expected?

no errors or warnings

What is actually happening?

Get these warnings:

Failed to resolve component: selectedcontent
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

,

<button> cannot be child of <select>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.

and

<span> cannot be child of <option>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.

System Info

Any additional comments?

should wait for #9249 to avoid conflicts with existing components namde selectedcontent

Metadata

Metadata

Assignees

No one assigned

    Labels

    🍰 p2-nice-to-havePriority 2: this is not breaking anything but nice to have it addressed.version: minor

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions