suggestedActionBackgroundColorOnHover does not seem to work

[slaouist]

Is it an issue related to Adaptive Cards?

No response

Is this an accessibility issue?

No response

What version of Web Chat are you using?

Latest production

Which distribution are you using Web Chat from?

Bundle (webchat.js)

Which hosting environment does this issue primarily affect?

Web apps

Which browsers and platforms do the issue happened?

No response

Which area does this issue affect?

No response

Which theme pack does this issue affect?

I did not test it on other theme packs

What is the public URL for the website?

No response

Please describe the bug

when changing this style: suggestedActionBackgroundColorOnHover, we don't see it reflected in the control.

Do you see any errors in console log?

How to reproduce the issue?

1. Navigate to ...
2. Click on ...
3. Type "..." in the send box

What do you expect?

suggestedActionBackgroundColorOnHover should update the hover color.

What actually happened?

updating suggestedActionBackgroundColorOnHover does not get reflected in the control.

Do you have any screenshots or recordings to repro the issue?

No response

Adaptive Card JSON

Additional context

No response

[stevkan]

@slaouist - Unfortunately, I am not able to reproduce the issue as it appears to be working for me. Can you post or attach a code sample that produces the issue so that I may test with it, if it's still occurring?

In short, your code should look something like the below. Using #379392 produces a sort of ocean green color. In the pic, I am hovering over the third suggested action.

const styleOptions = {
    suggestedActionBackgroundColorOnHover: '#379392'
    // Or, simply
    suggestedActionBackgroundColorOnHover: 'green'
}

window.WebChat.renderWebChat(
    {
        directLine: directLine,
        styleOptions: styleOptions
    }
)