Web version incorrectly renders alert title and message (html escape)

[MrEcco]

What went wrong?

What happened:

Then Grafana OnCall receives alerts from alertmanager, it shows this alert in Slack and in the Web version (right in Grafana, "Home -> Alerts & IRM -> OnCall" page). For Web, I see special symbols like " instead of ". This is probably because of improper HTML escaping. For Slack, the message is looks perfect.

Example:

• In Slack: ... metrics from "postgres-exporter-main" PostgreSQL ...
• In Web: ... metrics from "postgres-exporter-main" PostgreSQL ...
• In alertrule yaml document:

groups:
  - name: postgresql
    rules:
    - alert: PostgreSQLExporting
      expr: changes(pg_exporter_last_scrape_error[15m]) > 0
      for: 3m
      labels:
        severity: critical
        kind: database
      annotations:
        title: Cannot collect metrics from "{{ $labels.release }}" PostgreSQL instance
        description: ...

What did you expect to happen:

Just a correctly rendered message in the Web version, without escaped versions of symbols instead of the symbol itself.

How do we reproduce it?

1. Create alertrule with one or more symbols that should be escaped in the HTML. For example any of these: &"<>

groups:
  - name: postgresql
    rules:
    - alert: ExampleRuleWithDetailedMessage
      expr: vector(1) > 0 # always fires
      for: 1m
      labels:
        severity: critical
      annotations:
        title: See here: "{{ $labels }}"

2. Use such message templating for the alertmanager integration, that collects .annotation.title to the title message (and/or description)

{{ annotations.title }}

3. Fire the alert

4. Check Web and Slack messages. Web version contains " in the places where " should be present

Grafana OnCall Version

1.3.43 (grafana plugin), 1.3.42 (oncall instance)

Product Area

Alert Flow & Configuration, Other

Grafana OnCall Platform?

Kubernetes

User's Browser?

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Anything else to add?

Might be related to this: #3149

[MrEcco]

Screenshots always speak thousands words :)

Web version:

Slack version:

[MrEcco]

Image templating too:

This will never work in UI, but it works perfectly for Slack.

[joeyorlando]

@MrEcco can you try upgrading to the latest version (v1.7.1 as of this writing) and see if you are still hitting this issue?