Skip to content

Carousel height set to 20px cannot see content #5323

@asianswagstorm

Description

@asianswagstorm

Is it an issue related to Adaptive Cards?

No

Is this an accessibility issue?

No

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?

Others or unrelated

Which theme pack does this issue affect?

Fluent UI

What is the public URL for the website?

No response

Please describe the bug

The carousel has a 20px height property Image
That is causing the carousel to cutoff Image

If I uncheck / remove this 20px on class "c" webchat__carousel-filmstrip__complimentary-content c it is fixed.

Do you see any errors in console log?

No response

How to reproduce the issue?

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

What do you expect?

carousel is visible and not cutoff

What actually happened?

height of 20px is set and carousel is cutoff

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

Image

Adaptive Card JSON

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Bot ServicesRequired for internal Azure reporting. Do not delete. Do not change color.bugIndicates an unexpected problem or an unintended behavior.customer-reportedRequired for internal Azure reporting. Do not delete.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions