Custom Select Field w/ CMS Collection List Error

[leemullet]

Related Attributes
List Filter

Describe the bug
Creating a custom dropdown form select field with cms options causes the List Filter integration to stop working. When implemented, the dropdown will filter based on the selection, but when reset to the default state "Select one...", the entire list remains hidden until another option is selected.
Also, from what I could tell, this custom setup will cause all other filters to stop working.

To Reproduce
Steps to reproduce the behavior:

1. Add a Custom Element, give it the tag of "label"
2. Nest a Custom Element in "label", give it a tag of "span"
3. Nest a Custom Element in "label", give it a tag of "select", add attribute of name = "select", add attribute of fs-list-field = "city"
4. Nest a Custom Element in "select", give it a tag of "option" -- this is the default option "Select one..."
5. Nest a Collection List in "select", don't add any attributes to the Collection List wrapper, list or item.
6. Nest a Custom Element in the "Collection item", give it a tag of "option", give an attribute of value = "[collection name]", set text to [collection name]
7. Link the custom dropdown select field by adding the attribute of fs-list-field = "city" to a text element that is pulling its value of [collection name] from the same collection list.
8. Publish. Visit the live site.
9. See error

Expected behavior
I expected this solution to not cause any conflicts between other filter solutions like the "Search" solution. I also expected the list to be reset once I set the dropdown value to its default which is "Select one...".

Screenshots
If applicable, add screenshots to help explain your problem.

Affected devices
If applicable, add information about the specific devices where this bug takes place.

All Devices

Links
https://hartman-septic.webflow.io/locations

Additional context