microsoft / microsoft/BotFramework-WebChat

On certain resolutions, clicking the right flipper on the last carousel card causes card to bounce back

Open
#4,313 0 comments 0 reactions 1 assignee View on GitHub

@compulim is already working on this.

Since Jun 14, 2022.

Bot Services bug customer-reported ExemptFromDailyDRIReport needs-scheduling
Dominant language
HTML
Stars
1.8k
Forks
1.6k
Avg merge
22h 58m
Merged PRs (30d)
2

Description

Screenshots

974cf9f7-c537-4338-b75e-e5477152be78

Version

v4.13.0 - current (v4.15.2)

Have not tested versions previous to v4.13.0.

Describe the bug

When clicking the right flipper on a carousel of cards, where the number of cards exceeds the width of the window, and the last card is reached, on certain resolutions when zoomed (624 x 299, for instance) the last card will "bounce" back obscuring part of the card that should have displayed.

Steps to reproduce

  1. Display a carousel of cards with enough items that they go beyond the right edge of the browser
  2. Click the flipper to navigate to the last card
  3. Adjust the zoom of the Web Chat window to another resolution (testing showed 624 x 299 repros the issue)
  4. Click the flipper and observe the carousel card bounce back some

Expected behavior

Regardless of resolution, zoom, or device viewed on, the right most carousel card should remain fully anchored and not bounce back after clicking the final flipper.

Additional context

Original issue described in #4261

In speaking with @compulim, he believes the issue is tied to how the 'mobile device may use decimal place for resolution (@2x, @3x)... so we may need to round up a bit, so it can properly detect "I am on far right end."'

[Bug]

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.