Internal issue 2907 - Interaction button slot wrong placement
- 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
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