search

hashicorp / consul

Consul is a distributed, highly available, and data center aware solution to connect and configure applications across dynamic, distributed infrastructure.
https://www.consul.io
Other
28.25k stars 4.41k forks source link

UI bug: partial services overview #16500

Closed chrisvanmeer closed 1 year ago

chrisvanmeer commented 1 year ago

Overview of the Issue

Since the upgrade to Consul Enterprise v.1.15.0 the Services overview page only shows a partial list. In previous versions this did not happen.

Reproduction Steps

Visiting the UI within different browsers (Safari, Chrome and Firefox). In my case I have 11 services but will only show 6 services with blank space below filling up the remainder of the services. When I use the search bar to search for one of my remaining services, the others re-appear.

I made a screen recording showing the issue. 2023-03-02_08-27-25 (1)

Consul info Server

Client version not relevant since using a browser.

$ consul info
agent:
  check_monitors = 0
  check_ttls = 1
  checks = 8
  services = 10
build:
  prerelease =
  revision = 3aa8f42d
  version = 1.15.0
  version_metadata = ent
consul:
  acl = enabled
  bootstrap = true
  known_datacenters = 1
  leader = true
  leader_addr = 10.11.12.1:8300
  server = true
license:
  customer = xxxxxxx
  expiration_time = 2023-08-05 23:59:59.999 +0000 UTC
  features = Automated Backups, Automated Upgrades, Enhanced Read Scalability, Network Segments, Redundancy Zone, Advanced Network Federation, Namespaces, SSO, Audit Logging, Admin Partitions
  id = xxxxxxxxxxxxxx
  install_id = *
  issue_time = 2022-08-05 09:38:38.567546451 +0000 UTC
  modules =
  package = premium
  product = consul
  start_time = 2022-08-05 00:00:00 +0000 UTC
raft:
  applied_index = 1163484
  commit_index = 1163484
  fsm_pending = 0
  last_contact = 0
  last_log_index = 1163484
  last_log_term = 7
  last_snapshot_index = 1147117
  last_snapshot_term = 6
  latest_configuration = [{Suffrage:Voter ID:xxxxxxxxxxx Address:10.11.12.1:8300}]
  latest_configuration_index = 0
  num_peers = 0
  protocol_version = 3
  protocol_version_max = 3
  protocol_version_min = 0
  snapshot_version_max = 1
  snapshot_version_min = 0
  state = Leader
  term = 7
runtime:
  arch = amd64
  cpu_count = 4
  goroutines = 226
  max_procs = 4
  os = linux
  version = go1.20.1
serf_lan:
  coordinate_resets = 0
  encrypted = false
  event_queue = 0
  event_time = 14
  failed = 0
  health_score = 0
  intent_queue = 0
  left = 0
  member_time = 168
  members = 6
  query_queue = 0
  query_time = 1
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 = 1
  members = 1
  query_queue = 0
  query_time = 1

Operating system and Environment details

Ubuntu 22.04.2 LTS

Log Fragments

Inspector within the browser reveals the following errors, but unsure if this is relevant:

[Error] TypeError: (0,t.isHTMLSafe) is not a function. (In '(0,t.isHTMLSafe)(n)', '(0,t.isHTMLSafe)' is undefined)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:8257)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    map
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3858)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    arrayIteratorNextHelper
    compute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:9431:179)
    getValue (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1206)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3617)
    evaluate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3408)
    evaluateSyscall (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3710)
    evaluateInner (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3704:154)
    evaluateOuter (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3704)
    next (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3777)
    _execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3776)
    handleException (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3715)
    handleException (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3730:600)
    throw (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3713:186)
    evaluate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3509)
    _execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3713)
    execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3711:111)
    rerender (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3731)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1370)
    Ft (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3700)
    _renderRoots (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1369)
    _renderRootsTransaction (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1374)
    _revalidate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1374:514)
    invoke (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4124:134)
    flush (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4116)
    flush (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4129:213)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4186)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    scrollCheck (vendor-9b21ddc3d55dbc248b171f3af693427e.js:8341:115)
    t (vendor-9b21ddc3d55dbc248b171f3af693427e.js:8338)
[Error] Unhandled Promise Rejection: TypeError: (0,t.isHTMLSafe) is not a function. (In '(0,t.isHTMLSafe)(n)', '(0,t.isHTMLSafe)' is undefined)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:8257)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    map
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3858)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    arrayIteratorNextHelper
    compute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:9431:179)
    getValue (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1206)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3617)
    evaluate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3408)
    evaluateSyscall (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3710)
    evaluateInner (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3704:154)
    evaluateOuter (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3704)
    next (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3777)
    _execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3776)
    handleException (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3715)
    handleException (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3730:600)
    throw (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3713:186)
    evaluate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3509)
    _execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3713)
    execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3711:111)
    rerender (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3731)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1370)
    Ft (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3700)
    _renderRoots (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1369)
    _renderRootsTransaction (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1374)
    _revalidate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1374:514)
    invoke (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4124:134)
    flush (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4116)
    flush (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4129:213)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4186)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _run (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4188:122)
    _trigger (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4187:152)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4138:610)
    promiseReactionJob
[Error] TypeError: (0,t.isHTMLSafe) is not a function. (In '(0,t.isHTMLSafe)(n)', '(0,t.isHTMLSafe)' is undefined)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:8257)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    map
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3858)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    arrayIteratorNextHelper
    compute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:9431:179)
    getValue (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1206)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3962)
    m (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3290)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3617)
    evaluate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3408)
    evaluateSyscall (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3710)
    evaluateInner (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3704:154)
    evaluateOuter (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3704)
    next (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3777)
    _execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3776)
    handleException (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3715)
    handleException (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3730:600)
    throw (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3713:186)
    evaluate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3509)
    _execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3713)
    execute (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3711:111)
    rerender (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3731)
    (anonymous function) (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1370)
    Ft (vendor-9b21ddc3d55dbc248b171f3af693427e.js:3700)
    _renderRoots (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1369)
    _renderRootsTransaction (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1374)
    _revalidate (vendor-9b21ddc3d55dbc248b171f3af693427e.js:1374:514)
    invoke (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4124:134)
    flush (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4116)
    flush (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4129:213)
    _end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4186)
    end (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4142:223)
    _runExpiredTimers (vendor-9b21ddc3d55dbc248b171f3af693427e.js:4193:174)
    _runExpiredTimers
elsgaard commented 1 year ago

Hi Chris, What you see is most likely the same issue as reported here in issue: #16429 The fix is made, and targeted for mid march release..

Thomas

chrisvanmeer commented 1 year ago

Sorry for this, I did search through the issues list but apparently overlooked this one. Thanks Thomas. Closing this one.