Internal issue 3123 - IcToggleButtonGroup with margin styling creates border effect
Open
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
When adding an X margin to a toggle group an increased border on the side of the margin appears within the button closest to the margin when it is toggled and then unfocused.
See [Stackblitz](https://stackblitz.com/edit/3sca81cc-2yc44zq2?file=src%2Fapp.tsx)
Contributor guide
Research direction
Reproduce the issue in the linked Stackblitz example and inspect the IcToggleButtonGroup styling involved when an X margin is applied. Verify the focused, toggled, and unfocused states near the margin. Done means the increased border effect no longer appears inside the button while the toggle group retains its intended styling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100