BotFramework-WebChat icon indicating copy to clipboard operation
BotFramework-WebChat copied to clipboard

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

Open stevkan opened this issue 2 years ago • 0 comments

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]

stevkan avatar Jun 14 '22 02:06 stevkan