Is a description slot inside a Select supposed to create an element inside the <template> on Chromium browsers?

[will-stone]

Hi,

I'm trying to target a <Text slot="description"... that's inside an RAC Select component but (Vitest Browser Mode) is saying it's finding two elements with the same test id. Upon inspection, I've found that Chromium browsers (doesn't affect Firefox) are putting this slot inside the <template> element. Is this normal or a bug?

If this is expected behaviour, does anyone know the best way to write Vitest Browser Mode (Playwright) locators so they ignore these hidden <template> elements?

Thanks,

Will.

[snowystinger]

Yes the template is expected, and looks like maybe each browser handles it differently? For instance, I can only see the child of template at https://react-aria.adobe.com/Select#forms if I'm in Safari.

Looks like there is some chatter over in Playwright about not querying hidden things. microsoft/playwright#35294

[will-stone]

Thank you 🙏 I have been searching this repo, Vitest, and Playwright to see if could find anyone talking about it.