Error when searching by multiple CSS selectors in Product Analytics

[jamiekasulis]

Bug Description

Bug description

In Product Analytics, I'm trying to search for autocapture events by CSS selector. In the input field for the CSS selector, I'm given the option to enter multiple strings. When I enter the first one, everything works fine, but when I put a second I get an error (see screenshot).

First input:

Then I type in a second CSS selector and hit enter. When this happens, all the CSS selectors are removed from the field and I am shown an error message:

This issue is occurring on https://us.posthog.com/project/7642/insights/new

How to reproduce

1. Go to Product Analytics and create new
2. Search Autocapture events by CSS selector
3. Add in one CSS selector and hit enter
4. Add a second CSS Selector and hit enter
5. Error.

Additional context

I'm on Firefox 124.0.2

Debug info

Session: https://us.posthog.com/project/sTMFPsFhdP1Ssg/replay/018ef6f7-e31f-7500-b53f-491bed0253cf?t=180 (at https://us.posthog.com/project/7642/insights/new#panel=support%3Abug%3Aanalytics%3A)
Admin: http://go/adminOrgUS/0176f385-2eef-0000-44f4-608c3fb66fe0 (Project: 7642)
Sentry: http://go/sentryUS/7642

[MarconLP]

Hey @jamiekasulis, it looks like the query is failing when the CSS Selector filter value is empty. As a workaround, make sure to select the 2nd option while trying to add a new selector, since the first option is going to remove the current value.