Consul v1.20.0 lost syntax highlighting in the UI when editing key/value pairs

[ashleykleynhans]

Overview of the Issue

After upgrading my Consul cluster to v1.20.0, syntax highlighting is no longer working in the UI.

Reproduction Steps

1. Create a Consul cluster with 3 server nodes using Consul v1.19.2.
2. Edit a JSON key/value pair in the UI and observe that syntax highlighting is functioning correctly,
3. Upgrade the Consul Cluster to Consul v1.20.0.
4. Edit a JSON key/value pair in the UI and observe that syntax highlighting is no longer functioning.

Consul info for both Client and Server

Client info

``` agent: check_monitors = 0 check_ttls = 0 checks = 1 services = 1 build: prerelease = revision = cddc6181 version = 1.20.0 version_metadata = consul: acl = disabled known_servers = 2 server = false runtime: arch = amd64 cpu_count = 2 goroutines = 77 max_procs = 2 os = linux version = go1.22.7 serf_lan: coordinate_resets = 0 encrypted = false event_queue = 0 event_time = 1223 failed = 0 health_score = 0 intent_queue = 0 left = 3 member_time = 3954951 members = 19 query_queue = 0 query_time = 765 ``` ``` datacenter = "us-east-2" data_dir = "/opt/consul" client_addr = "0.0.0.0" server = false bind_addr = "0.0.0.0" # Listen on all IPv4 advertise_addr = "{{ GetInterfaceIP `eth1` }}" retry_join = ["provider=aws tag_key=app tag_value=rabbitmq"] enable_local_script_checks = true ```

Server info

``` agent: check_monitors = 0 check_ttls = 0 checks = 5 services = 7 build: prerelease = revision = cddc6181 version = 1.20.0 version_metadata = consul: acl = disabled bootstrap = false known_datacenters = 1 leader = false leader_addr = 172.30.38.238:8300 server = true raft: applied_index = 1831126 commit_index = 1831126 fsm_pending = 0 last_contact = 38.264897ms last_log_index = 1831126 last_log_term = 20 last_snapshot_index = 1819498 last_snapshot_term = 12 latest_configuration = [{Suffrage:Voter ID:afec9bd4-751e-77e0-09bd-32d15262e1dd Address:172.30.38.238:8300} {Suffrage:Voter ID:987ee88a-3570-5c09-8071-383240672432 Address:172.30.5.95:8300} {Suffrage:Voter ID:2cf51aac-36f0-a3c6-d3e0-8cebd5eb8316 Address:172.30.26.133:8300}] latest_configuration_index = 0 num_peers = 2 protocol_version = 3 protocol_version_max = 3 protocol_version_min = 0 snapshot_version_max = 1 snapshot_version_min = 0 state = Follower term = 20 runtime: arch = amd64 cpu_count = 2 goroutines = 176 max_procs = 2 os = linux version = go1.22.7 serf_lan: coordinate_resets = 0 encrypted = false event_queue = 0 event_time = 1223 failed = 0 health_score = 0 intent_queue = 0 left = 0 member_time = 3954964 members = 17 query_queue = 0 query_time = 765 serf_wan: coordinate_resets = 0 encrypted = false event_queue = 0 event_time = 1 failed = 0 health_score = 0 intent_queue = 0 left = 0 member_time = 61 members = 3 query_queue = 0 query_time = 1 ``` ``` datacenter = "us-east-2" data_dir = "/opt/consul" client_addr = "0.0.0.0" server = true bind_addr = "0.0.0.0" # Listen on all IPv4 advertise_addr = "{{ GetInterfaceIP `ens5` }}" retry_join = ["provider=aws tag_key=app tag_value=rabbitmq"] bootstrap_expect=3 enable_local_script_checks = true performance { raft_multiplier = 1 } ui_config { enabled = true } ```

Operating system and Environment details

• Ubuntu 24.04 LTS
• arm64
• AWS EC2 instances

Log Fragments

N/A - Just a visual bug in the UI and could not see anything useful in the browser console.

[SinuxLee]

The same thing happened to me 😞

[ashleykleynhans]

This is still an issue in version 1.20.1 that was released today.