Telegraf configuration editing not possible on Firefox and Chromium

__Steps to reproduce:__
List the minimal actions needed to reproduce the behavior.

1. Point Firefox browser to http://localhost:8086/
2. Click on Data on the left hand nav
3. Click on Telegraf on horizontal menu
4. Click blue "Create Configuration" button
5. Click "System" icon
6. Click blue "Continue" button
7. Name the configuration something unique. Say, "config 2".
8. Click blue "Create & verify" button
9. Click blue "Finish" button
10. Click name of newly created config
11. Try to edit the config (screenshot below). You can't do so on Firefox. (You can on Chrome.)


A user told me he tried on Chromium but wasn't able to. I haven't verified this myself.

__Expected behavior:__
Able to edit Telegraf config on Firefox as you can do on Chrome.

__Actual behavior:__
Can't edit config

__Environment info:__

- macOS Big Sur 11.2.2 (20D80)
- Firefox 86.0

* System info: Run `uname -srm` and copy the output here
* InfluxDB version: Run `influxd version` and copy the output here
* Other relevant environment details: Container runtime, disk info, etc

__Config:__
Copy any non-default config values here or attach the full config as a gist or file.

__Logs:__
Include snippet of errors in log.

__Performance:__
Generate profiles with the following commands for bugs related to performance, locking, out of memory (OOM), etc.

```sh
# Commands should be run when the bug is actively happening.
# Note: This command will run for ~30 seconds.
curl -o profiles.tar.gz "http://localhost:8086/debug/pprof/all?cpu=30s"
iostat -xd 1 30 > iostat.txt
# Attach the `profiles.tar.gz` and `iostat.txt` output files.
```

Reproduce the issue using the numbered Telegraf configuration steps in Firefox and Chromium, then trace the frontend flow for opening and editing the newly created configuration. Done means an existing Telegraf configuration can be edited successfully in both browsers.

Written by the indexing model from the issue text.