mi6 / mi6/ic-ui-kit

[ic-stepper, ic-step] step-connector not resizing on `aligned` prop change

Open
#2,039 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
When ic-stepper is aligned `left` and then changed to aligned `full-width` the step-connector remains the same size.

## 🪜 How to reproduce
Tell us the steps to reproduce the problem:
1. Go to page: IcStepper playground
2. Click on: set to left aligned then full-width
3. See the error

## 📸 Screenshots or code
Left aligned
![image](https://github.com/mi6/ic-ui-kit/assets/122624946/82aeab60-3bdf-4c50-a3bf-08d046d8195e)

Full-width aligned
![image](https://github.com/mi6/ic-ui-kit/assets/122624946/a01ddb1e-9df7-47ff-a70a-e7a74b2b29d9)

## 🧐 Expected behaviour
The step-connect should remain at 100% width after the change.

Contributor guide

Open the contributing guide

Research direction

Start in the IcStepper playground and inspect the ic-stepper and ic-step components involved in the aligned prop change. Reproduce switching from left to full-width, then trace the step-connector sizing and verify that it becomes 100% width after the update.

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
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.