mi6 / mi6/ic-ui-kit

[ic-dialog] Content shifting when vertical scroll is rendered

Open
#3,350 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary of the bug
Content in an `ic-dialog` shifts when a vertical scroll bar is rendered

## 🪜 How to reproduce
Tell us the steps to reproduce the problem:
1. Go to page: [Accordion with popover content](http://localhost:6006/?path=/story/web-components-accordion--with-popover-content)
2. Click on: The first `ic-accordion` in the dialog, and then the `ic-select`
3. See the message content shift

## 📸 Screenshots or code

![Image](https://github.com/user-attachments/assets/b48c5aa8-28fc-4a1a-a7bc-9a10704e85a2)

![Image](https://github.com/user-attachments/assets/a4166653-9172-4a19-a8c7-53bcd628e562)

## 🖥 📱 Device
- Type: Desktop
- Browser version: Chrome

Contributor guide

Open the contributing guide

Research direction

Start with the Storybook example at `?path=/story/web-components-accordion--with-popover-content` and reproduce the shift by opening the first `ic-accordion` and then the `ic-select` in the dialog. Inspect the `ic-dialog`, `ic-accordion`, and `ic-select` components to find where rendering the vertical scrollbar changes the content position. Done means the dialog content no longer shifts in Chrome when the scrollbar appears.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.