IcNavigationItem changes styling when missing href attribute
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 72/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Active
- Tech stack
- next.js, typescript
Research direction
Start by reproducing the issue with an IcNavigationItem in the tabs slot of an IcPageHeader, comparing cases with and without href. Trace the component styling and its tab rendering entry point, then verify that the no-href tab matches the documented height and run the relevant component tests if available.
Written by the indexing model from the issue text.
Description
Summary of the bug
When an IcNavigationItem exists within a tabs slot of an IcPageHeader, and the href attribute is not specified (f.e. when using an alternative framework such as Next.js), the element appears squished in height
🪜 How to reproduce
Have an IcNavigationItem as a tab and do not specify the href attribute.
📸 Screenshots or code
Href specified:
Href not specified:
🖥 📱 Device
- Type: Desktop
- Device: MacBook
- OS version: macOS26
- Browser version: Firefox 148
🧐 Expected behaviour
The rendered tab should match the height of the example provided in the docs.
📝 Acceptance Criteria
Given that href is not specified
Then the styling should match that of when href is specified
🚨 Urgency (low, medium or high)
Low
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 2h
- Merged PRs (30d)
- 13
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from mi6/ic-ui-kit
-
Bug Fix good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
good first issue popover component
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
select component
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
dx
Difficulty 2/5 1-3 hours Newbie friendliness 63/100
Similar issues
-
calcite-components needs triage refactor
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Esri/calcite-design-system#15203 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 91/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 95/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Automattic/studio#4908 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 90/100