Upgrading from 2.8.5 causes strange UI issues

[jessieiswise]

Describe the bug

After upgrading our Auro-select package from 2.8.5 to 2.9.6 I noticed unexpected Ui behavior where upon selection, the Auro-select is inserting some sort of text into the dropdown field

To Reproduce

1 use Auro select 2.9.x in a vue environment
2 observe that the select behavior is not as intended

** or if you don't have a vue env **

1 contact Jess on teams
2 Ask her to demo the issue
3 She will have a branch handy locally and will install the package at the specified version
4 Upon load of our web component, select a drop down option
5 Observe "Lit#" text in dropdown field

Expected behavior

No extraneous text in dropdown fields

Screenshots

Desktop (please complete the following information):

• OS: Mac
• Browser safari and chrome
• Version latest

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

[blackfalcon]

@jessieiswise in your test branch, can you install previous versions between >2.8.5 <=2.9.5? Possibly work backward, e.g. npm i @aurodesignsystem/[email protected] and see if we can zero in the version that introduced this bug?

What is clear is that, somehow, the HTML content that Lit uses to track nodes is being injected into the slot content. See the screenshot from the Auro doc site. While this UI issue is NOT happening in the doc site or locally running the element demo, Lit still produces the HTML comments you are seeing.

The question is... why is this being injected into the slot? And why Vue? 🤔

[jessieiswise]

I'll dig into this next week!

[jessieiswise]

Looks like 2.9.0 is the offending version. possibly related to this commit? ddeedf8

[jessieiswise]

Link to usage: https://github.com/Alaska-ECommerce/rtf-bags/blob/59f3c502dbbe2399e869b4c215f14d5c68ce7d0e/src/index.ts#L610

[jessieiswise]

related data model: https://github.com/Alaska-ECommerce/rtf-bags/blob/main/src/models/PassengerWithBagFee.ts