Unanswered

Adaptive Card not displaying properly on first load in M365 Copilot Chat Agent

(0) Share

Report

Posted on by MD-09061112-0

Hi everyone,

I'm currently experiencing an issue with a custom agent deployed in Microsoft 365 Copilot Chat. The agent uses an Adaptive Card as part of its response, but the card is not rendered correctly on the first load after the initial installation.

Here's what's happening:

When a user interacts with the agent for the first time (right after installation), the Adaptive Card is not displayed at all.
Only after refreshing the page and completing one full interaction flow, the card starts appearing as expected in subsequent chats.

Additionally, there's a consistent spacing issue when rendering Adaptive Cards — even with the default Microsoft examples. Every time a card is rendered, there's excessive vertical space, and the user has to scroll down to see the card content.

Both issues significantly impact user experience, especially for first-time users.

Has anyone else encountered this or found a workaround? Could this be related to caching or a known rendering bug?

Thanks in advance for your help!

Categories:

General topics

I have the same question (0)

All responses (4)

Answers (0)

Michael E. Gernaey 53,493 Super User 2025 Season 2 on at

Like (0)

Report

Hi @MD-09061112-0

I have not seen this issue, so its difficult to recommend a work around.

Can you please share pictures of the issue. Also, can you please let me know the version of the adaptive card, and does it have this issue in the Test environment?

Was this reply helpful? Yes No
MD-09061112-0 8 on at

Like (0)

Report

Hi @Michael E. Gernaey

Thanks for your quick reply!

I've attached two screenshots that demonstrate the spacing issue. This behavior only occurs when an Adaptive Card is rendered. If we disable the "Ask with Adaptive Card" topic feature, the issue no longer appears.

We are using Adaptive Card version 1.5, but we have also tested with versions 1.3 and 1.4 to rule out compatibility problems. To ensure the card itself wasn't the problem, we even used a sample card from the Adaptive Card Gallery containing just two input fields and a submit button — and the issue persisted.

Interestingly, the problem does not occur in the Copilot Studio Test Canvas. However, we are currently unable to test in Microsoft Teams, so our users are working with the web version of M365 Chat, where the issue consistently appears.

Let me know if you need any further details!

Best regards

scr1.png

scr2.png

Was this reply helpful? Yes No
Michael E. Gernaey 53,493 Super User 2025 Season 2 on at

Like (0)

Report

Hi @MD-09061112-0

Oh wow honestly that's horrible and I have not seen that and have not been able to reproduce it.

Silly question probably but what screen resolutions are you using / testing on?

I am going to look into this but I can only initially say

clear the cache

do incognito

other browser (all 3).

Truly I haven't seen this so I am stumped also.

Can you tell me the types of information you are using? I am wondering if any connections and or data coming from somewhere is NOT yet initialized on the first go, so the card renders poorly, then on refresh the data/values are now there, so it renders properly.

I am sorry thats the only thing I can think of and I cannot reproduce it.

Was this reply helpful? Yes No
MD-09061112-0 8 on at

Like (0)

Report

Hi Michael E. Gernaey

Thanks for your reply!

I’ve already tried testing in another browser (Chrome in Incognito) and even created a completely new agent with only dummy data, which simply outputs a message and the adaptive card. The same issue occurs there as well, so I don’t think it’s an async issue — that was my initial assumption too.

It’s really strange and, to be honest, makes it pretty much unusable for rollout at the moment. I’m surprised you’re not able to reproduce this behavior on your end.

Best!

Was this reply helpful? Yes No