Botframework-webchat: suggestedActionLayout: 'stacked' not working

[mdrichardson]

Screenshots

Version

latest

Describe the bug

suggestedActionLayout: 'stacked' doesn't work and actions remain in Carousel.

Steps to reproduce

1. Use the Suggested Actions sample
2. Use the branding sample and add suggestedActionLayout: 'stacked'

Expected behavior

Suggested Actions to be stacked

Additional context

Per @corinagum, possibly related to: https://github.com/microsoft/BotFramework-WebChat/issues/2779

[Bug]

[mdrichardson]

I don't have permissions to remove labels :(

[tdurnford]

@mdrichardson what version of Web Chat are you using? The stacked suggested action layout was introduced in v4.6, but the latest cdn is currently pointing to v4.5.3 due to an issue with DirectLineJs. This will probably be resolved after we rerelease v4.7.1.

[mdrichardson]

@tdurnford Gotcha. What's the easiest way to test the lastest? I was using cdn's "latest"

[tdurnford]

You can add this code snippet to the script in the HTML file

[].forEach.call(document.getElementsByTagName('meta'), ({ content, name }) => console.log(`${name}: ${content}`));

The resulting console log should look like this:

[corinagum]

facepalm this has to be it

[tdurnford]

The stacked suggested actions layout is working fine using the latest bits. This issue will be resolved after we rerelease v4.7.1.

[MedvidekPu]

Hey, I am currently facing the same issue as

const styleOptions = {
// Suggested actions
suggestedActionTextColor: 'black',
suggestedActionBorder: solid 2px #009682,
suggestedActionHeight: 40,
suggestedActionLayout: 'stacked',
};

doesn't stack the cards on top of each other, is there a way to update my Webchat version or how can I manage to make it work please?