Skip to content

web/elements: stabilize dual-select status height#19734

Merged
dominic-r merged 2 commits intomainfrom
sdko/fix-dual-select-status-jump
Jan 27, 2026
Merged

web/elements: stabilize dual-select status height#19734
dominic-r merged 2 commits intomainfrom
sdko/fix-dual-select-status-jump

Conversation

@dominic-r
Copy link
Member

Overview:

Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages.

Testing:

Behavior shown in linked issue

Motivation:

Avoid accidental removals caused by status text reflow/jumping on narrow viewports.

Closes: #19732

@dominic-r dominic-r added this to the Release 2025.12.2 milestone Jan 25, 2026
@dominic-r dominic-r self-assigned this Jan 25, 2026
@dominic-r dominic-r added the area:frontend Features or issues related to the browser, TypeScript, Node.js, etc label Jan 25, 2026
@dominic-r dominic-r requested a review from a team as a code owner January 25, 2026 17:03
@dominic-r dominic-r added the backport/version-2025.12 Add this label to PRs to backport changes to version-2025.12 label Jan 25, 2026
@netlify
Copy link

netlify bot commented Jan 25, 2026

Deploy Preview for authentik-storybook ready!

Name Link
🔨 Latest commit 304cd5c
🔍 Latest deploy log https://app.netlify.com/projects/authentik-storybook/deploys/6978010c3d014e0008c9433b
😎 Deploy Preview https://deploy-preview-19734--authentik-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Jan 25, 2026

Deploy Preview for authentik-docs ready!

Name Link
🔨 Latest commit 304cd5c
🔍 Latest deploy log https://app.netlify.com/projects/authentik-docs/deploys/6978010ced34080008bbe9cc
😎 Deploy Preview https://deploy-preview-19734--authentik-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov
Copy link

codecov bot commented Jan 25, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 93.24%. Comparing base (9116c27) to head (304cd5c).
⚠️ Report is 2 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #19734      +/-   ##
==========================================
+ Coverage   93.21%   93.24%   +0.02%     
==========================================
  Files         954      954              
  Lines       52443    52443              
==========================================
+ Hits        48886    48900      +14     
+ Misses       3557     3543      -14     
Flag Coverage Δ
conformance 38.23% <ø> (+<0.01%) ⬆️
e2e 44.07% <ø> (ø)
integration 23.13% <ø> (+<0.01%) ⬆️
unit 91.48% <ø> (+<0.01%) ⬆️
unit-migrate 91.52% <ø> (+0.04%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 25, 2026

authentik PR Installation instructions

Instructions for docker-compose

Add the following block to your .env file:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-8bb402622cd251f0d8d89bab9a73ae331944bfea
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

Afterwards, run the upgrade commands from the latest release notes.

Instructions for Kubernetes

Add the following block to your values.yml file:

authentik:
    outposts:
        container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
    image:
        repository: ghcr.io/goauthentik/dev-server
        tag: gh-8bb402622cd251f0d8d89bab9a73ae331944bfea

Afterwards, run the upgrade commands from the latest release notes.

@github-project-automation github-project-automation bot moved this from Todo to In Progress in authentik Core Jan 26, 2026
@dominic-r dominic-r force-pushed the sdko/fix-dual-select-status-jump branch from 8bb4026 to 219d61a Compare January 27, 2026 00:04
Overview:

Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages.

Testing:

Behavior shown in linked issue

Motivation:

Avoid accidental removals caused by status text reflow/jumping on narrow
viewports.

Closes: #19732
@dominic-r dominic-r force-pushed the sdko/fix-dual-select-status-jump branch from 219d61a to 304cd5c Compare January 27, 2026 00:04
@dominic-r dominic-r enabled auto-merge (squash) January 27, 2026 00:05
@dominic-r dominic-r merged commit 1edcf1f into main Jan 27, 2026
100 checks passed
@dominic-r dominic-r deleted the sdko/fix-dual-select-status-jump branch January 27, 2026 00:29
@github-project-automation github-project-automation bot moved this from In Progress to Done in authentik Core Jan 27, 2026
authentik-automation bot pushed a commit that referenced this pull request Jan 27, 2026
* web/elements: stabilize dual-select status height

Overview:

Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages.

Testing:

Behavior shown in linked issue

Motivation:

Avoid accidental removals caused by status text reflow/jumping on narrow
viewports.

Closes: #19732

* web: Comment to explain first suggestion

Ref: https://authentiksecurity.slack.com/archives/C08C0SCU2JV/p1769471926609429
@authentik-automation
Copy link
Contributor

🍒 Cherry-pick to version-2025.12 created: #19776

BeryJu pushed a commit that referenced this pull request Jan 27, 2026
…to version-2025.12) (#19776)

web/elements: stabilize dual-select status height (#19734)

* web/elements: stabilize dual-select status height

Overview:

Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages.

Testing:

Behavior shown in linked issue

Motivation:

Avoid accidental removals caused by status text reflow/jumping on narrow
viewports.

Closes: #19732

* web: Comment to explain first suggestion

Ref: https://authentiksecurity.slack.com/archives/C08C0SCU2JV/p1769471926609429

Co-authored-by: Dominic R <dominic@sdko.org>
Co-authored-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
kensternberg-authentik added a commit that referenced this pull request Jan 31, 2026
* main: (45 commits)
  sources/saml: Add testcases for PR #19593 (#19647)
  revert: website/integrations: wazuh: Change exchange key generation to 64 bytes (#19759)
  web: bump API Client version (#19760)
  core: bump djangoql from 0.18.2 to 0.19.1 (#19780)
  web: Vendor SFE Bootstrap (#19766)
  core, web: update translations (#19717)
  web: bump the eslint group across 1 directory with 3 updates (#19782)
  web: bump the react group across 1 directory with 2 updates (#19784)
  web: bump country-flag-icons from 1.6.8 to 1.6.9 in /web (#19785)
  providers/oauth2: Support login_hint (#19498)
  admin/files: add centralized theme variable support for file URLs (#19657)
  core: bump github.com/pires/go-proxyproto from 0.9.1 to 0.9.2 (#19778)
  core: bump openapitools/openapi-diff from 2.1.6 to 2.1.7 in /scripts/api (#19779)
  core: bump gssapi from 1.10.1 to 1.11.1 (#19781)
  ci: bump actions/attest-build-provenance from 3.1.0 to 3.2.0 (#19783)
  website/docs: endpoint devices: fix local device login (#19698)
  web: Enforce `challenge` nullish types. (#19768)
  web/elements: stabilize dual-select status height (#19734)
  web/a11y: CAPTCHA Stage Form (#19670)
  web/table: align row action icons and tooltip color (#19736)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:frontend Features or issues related to the browser, TypeScript, Node.js, etc backport/version-2025.12 Add this label to PRs to backport changes to version-2025.12

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

Frustrating removal of scopes in OIDC select menu

2 participants