mi6 / mi6/ic-ui-kit

Internal issue 2907 - Interaction button slot wrong placement

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

Description

When an IcCard is missing a href attribute, the interaction button is no longer positioned correctly:

[ICDS Select (React component) (forked) - StackBlitz|https://stackblitz.com/edit/rc77dn-9vvja3?file=src%2Fapp.tsx,src%2FWorkingCard.tsx,src%2FBrokenCard.tsx]

This behaviour is inconsistent across browsers. In the pictures, the expected behaviour is working in firefox, but in Edge/Chrome/Chromium the interaction button is next to the IcCard header instead of it’s correct slot in the top right

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction, especially src/app.tsx, src/WorkingCard.tsx, and src/BrokenCard.tsx, and compare the missing-href IcCard in Firefox with Edge, Chrome, or Chromium. Trace the interaction button placement and verify that the fix keeps it in the top-right slot across those browsers when href is absent.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.