Unable to edit adaptive cards for Teams with full width in Visual Studio

[cdrenshaw]

Describe the bug
When editing an adaptive card within Visual Studio 2022 17.14.6, if "msteams": { "width": "Full" } is used, the Output pane opens with a warning: (!) Warning: Full Width Control is not supported yet in Adaptive Card Previewer, you can debug in Teams to try it.
This warning puts the adaptive card JSON in the background and interrupts typing. If you click back into the card and type a few characters, the warning reappears and again interrupts typing. It makes it very difficult to make changes to the card from within Visual Studio.

To Reproduce
Steps to reproduce the behavior:

1. Create a simple adaptive card in Visual Studio and add "msteams": { "width": "Full" }

{
  "type": "AdaptiveCard",
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.5",
  "msteams": {
    "width": "Full"
  },
  "body": [
    {
      "type": "TextBlock",
      "wrap": true,
      "style": "heading",
      "text": "${companyName}"
    },
    {
      "type": "TextBlock",
      "text": "${contactName}",
      "wrap": true
    },
    {
      "type": "TextBlock",
      "text": "The following contact field(s) differ between Autotask and Azure.  Please select the correct value(s)...",
      "wrap": true
    },
    {
      "type": "ActionSet",
      "actions": [
        {
          "type": "Action.Execute",
          "title": "Submit",
          "data": {
            "cardId": "${cardId}",
            "companyName": "${companyName}",
            "contactName": "${contactName}"
          }
        }
      ]
    }
  ]
}

2. Make an edit to the card.
3. The Output window is shown with a warning which interrupts typing in the card.

Expected behavior
The warning should only be displayed once, and typing should not be interrupted.

Screenshots

adaptivecardoutputwindow.mp4

[m365-agent-toolkit-assistant]

👋 Hi @cdrenshaw,

Thank you for reporting this issue! We want to let you know that:

⏱️ Our team will personally review your issue
🎯 You can expect a response within 2 business days

✨ This is an AI-generated initial response
🤖 AI-Generated Preliminary Analysis:

The issue you're encountering is related to the limitations of the Adaptive Card Previewer in Visual Studio. According to official documentation from Microsoft, the previewer does not support the "Full Width Control" feature of adaptive cards. This is why you receive the warning and have trouble editing the card.

Possible Workarounds:

1. Disable the Previewer: If the interruptions are too disruptive, consider disabling the Adaptive Card Previewer in Visual Studio and rely on debugging in Teams directly.
2. Edit Outside VS: Use a different tool for editing the JSON, such as a JSON editor or another IDE that doesn't have this limitation.

References:

• Microsoft Adaptive Card Previewer - Limitations
• GitHub Issue #739

Sorry for any inconvenience this might cause. If you have further questions, feel free to ask!

✨We'd love your feedback! Please take a moment to fill out our survey.

---

Note: This is an automated first response generated by AI. A human team member will review your issue and provide a more detailed response soon. We appreciate your patience!