The functionality of the “Version”, “Channel”, “Countries”, “Locales”, “Filter Object” sections are broken after creating a recipe with “Additional Filter Object” related to those sections

[SoftVision-SimonaRosu]

[Affected versions]:

• Firefox Release 83.0 (Build ID: 20201112153044)

[Affected Platforms]:

• Windows 10 x64

[Prerequisites]:

• Have the Firefox browser installed.
• Have the Normandy Devtools V2.2.0 addon installed.
• Have VPN access to the staging environment.

[Steps to reproduce]:

1. Open the Normandy Devtools and choose the Stage environment.
2. Set up any experiment recipe (link to set-up) targeting your browser using an additional filter object related to the “Version” section.
   e.g.:
   [
   {
   "type": "version",
   "versions": [83, 84]
   }
   ]
3. Go to the “Version” section and add more versions.
4. Observe the behavior.

[Expected result]:

• The versions are successfully added and visible.

[Actual result]:

• The versions are incorrectly added and randomly selected.

[Notes]:

• Also, this issue is reproducible on “Channel”, “Countries”, “Locales”, “Filter Object” sections when using Additional Filter Objects related to them.
• I’ve noticed that after saving the recipe, the “Version” labels are multiplied.
• Attached a screen recording of the issue.

[mythmon]

Adding filters with uI to the extra filter expression field isn't a supported use case. We are planning to change this UI to be more flexible, and this kind of bug should go away entirely with the new UI.