sharepoint online – Hyperlinks in JSON not always working


I’m trying to format a SharePoint Online list using JSON. I have Title, ReportURL and Report Short Description columns. I want click on the title to go to the URL in the ReportURL column.

Using the script below it works for some links some of the time, but some links appear as javascript:void(0); in the status bar when I hover over the link. The working ones appear as a full URL in the status bar when I hover over the link.

Any idea why this is happening and how to fix it?

{
  "schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
  "hideSelection": true,
  "hideColumnHeader": true,
  "rowFormatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-row-card"
    },
    "children": (
      {
        "elmType": "div",
        "style": {
          "text-align": "left"
        },
        "children": (
          {
            "elmType": "a",
            "attributes": {
              "target": "_blank",
              "href": "($ReportURL)"
            },
            "txtContent": "($Title)",
            "style": {
              "color": "#0078d7",
              "font-size": "15px",
              "font-weight": "bold"
            }
          },
          {
            "elmType": "div",
            "attributes": {
              "class": "sp-row-listPadding"
            },
            "txtContent": "($Report_x0020_Short_x0020_Descrip)"
          }
        )
      }
    )
  }
}