List Formatting: Callout is not displayed when @currentField is set to src in embed action

[tecchan1107]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

Declarative list formatting

Developer environment

None

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

No response

Describe the bug / error

If I set @currentField to the src of the embed action, the callout will not be displayed. If the internal name of the column is set, the callout will be displayed.

EmbedTest.mp4

Steps to reproduce

1. Create a YouTube column (column internal name: YouTube, column type: single line of text) in the list

2. Set the URL for embedding in the created column

   

   YouTube video used for verification: https://www.youtube.com/watch?v=MHopBnmhPzg
   URL for embedding: https://www.youtube.com/embed/MHopBnmhPzg?si=sYT8Tpmn6dv5Sc1e

3. Set the following JSON to the formatting of the created YouTube column

Code using the internal name of the column

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "children": [
    {
      "elmType": "div",
      "style": {
        "cursor": "pointer",
        "border-radius": "7px",
        "padding": "5px 10px",
        "display": "=if(@currentField,'flex','none')",
        "align-items": "center"
      },
      "attributes": {
        "class": "ms-fontSize-s ms-fontColor-white ms-bgColor-themePrimary ms-bgColor-themeTertiary--hover"
      },
      "customRowAction": {
        "action": "embed",
        "actionInput": {
          "src": "[$YouTube]",
          "width": "640",
          "height": "360"
        }
      },
      "children": [
        {
          "elmType": "span",
          "style": {
            "margin-right": "5px"
          },
          "attributes": {
            "iconName": "MSNVideosSolid"
          }
        },
        {
          "elmType": "span",
          "txtContent": "Watch YouTube"
        }
      ]
    }
  ]
}

4. Change YouTube column formatting created to the following JSON

JSON using @currentField

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "children": [
    {
      "elmType": "div",
      "style": {
        "cursor": "pointer",
        "border-radius": "7px",
        "padding": "5px 10px",
        "display": "=if(@currentField,'flex','none')",
        "align-items": "center"
      },
      "attributes": {
        "class": "ms-fontSize-s ms-fontColor-white ms-bgColor-themePrimary ms-bgColor-themeTertiary--hover"
      },
      "customRowAction": {
        "action": "embed",
        "actionInput": {
          "src": "@currentField",
          "width": "640",
          "height": "360"
        }
      },
      "children": [
        {
          "elmType": "span",
          "style": {
            "margin-right": "5px"
          },
          "attributes": {
            "iconName": "MSNVideosSolid"
          }
        },
        {
          "elmType": "span",
          "txtContent": "Watch YouTube"
        }
      ]
    }
  ]
}

Expected behavior

Callouts are displayed even if @currentField is used.

[arkogupta]

@tecchan1107 Thanks for reporting the bug. We'll take up the fix soon. Will update on the timelines.