Skip to content

fix(badge): ensure badge is above focus-ring#4511

Merged
mimarz merged 2 commits intomainfrom
fix/badge-position-z-index
Feb 24, 2026
Merged

fix(badge): ensure badge is above focus-ring#4511
mimarz merged 2 commits intomainfrom
fix/badge-position-z-index

Conversation

@oddvernes
Copy link
Copy Markdown
Collaborator

@oddvernes oddvernes commented Feb 18, 2026

resolves #4503

modified storybook story with a new example to capture this in visual tests

since the grandparent (.ds-badge--position) has position: relative, the z-index should be scoped to that and won't poke through other potential floating elements on the page

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Feb 18, 2026

🦋 Changeset detected

Latest commit: dc3a3fe

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages
Name Type
@digdir/designsystemet-css Patch
@digdir/designsystemet-react Patch
@digdir/designsystemet Patch
@digdir/designsystemet-types Patch
@digdir/designsystemet-web Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Feb 18, 2026

Preview deployments for this pull request:

storybook - 19. Feb 2026 - 10:40

<VideoIcon title='Skru på video' />
</Badge.Position>
</Button>
<Badge.Position>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Copy Markdown
Collaborator

@mimarz mimarz Feb 23, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

daily: This will be looked at in #3560

Comment thread packages/css/src/badge.css Outdated
@mimarz mimarz merged commit 0cdbc12 into main Feb 24, 2026
16 checks passed
@mimarz mimarz deleted the fix/badge-position-z-index branch February 24, 2026 07:23
@github-actions github-actions bot mentioned this pull request Feb 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Badge on interactive elements is displayed behind keyboard focus

4 participants