Disable Vue + Vite HTML select with appearance: base-select warning

[Markz878]

Using HTML select element with the new appearance: base-select gives a Vite warning in the developer console if there is any other element in the select than option, which is allowed in this new appearance. Is there a way to disable this warning?

Repro: Create new Vite+Vue app with npm create vite@latest

Put this in App.vue html:

<select>
    <span>Label</span>
    <option>X</option>
    <option>Y</option>
    <option>Z</option>
</select>

And this in the style block:

select,
::picker(select) {
  appearance: base-select;
}

Then a warning appears in the console: [vite] (client) warning: cannot be child of , according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.

Even though this is valid html in the new version of Chrome.

[ademilsonfp]

I have the same problem when trying to style my <select> component like this:

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select