Skip to content

URL-valued tags render outside their bubble in the incident-list Tags column #1984

Description

@lunkwill42

Summary

In the incident list view, a tag whose value is a URL renders with the URL text spilling outside its tag bubble. The key= part stays inside the badge, but the linked value escapes it. The same tag renders correctly in the incident detail view.

Steps to reproduce

  1. Create an open incident with a tag whose value is a URL, e.g. dashboard=https://acme.io.
  2. Open the incident list (/incidents/) and look at the Tags column.

Actual behaviour

The URL value renders outside the tag bubble:

Image

The detail view renders the same tag entirely inside its bubble:

Image

Expected behaviour

The whole key=value tag, including a URL value, stays inside its bubble in the list view — as it already does in the detail view.

Notes

  • Affects every URL-valued tag in the list view regardless of URL length; a short URL shows the breakage cleanly, a long one additionally wraps.
  • Likely cause: the Tags column wraps the whole cell in a detail-page link (columns.py#L267-L272), while the tag partial emits its own <a> for URL values (cells/_incident_tags.html#L7) — a nested anchor, which the browser repairs by ejecting the inner link from the bubble. The detail view isn't link-wrapped, hence it's unaffected.

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendAffects frontend

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions