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.