web: Fix application of global styles in style roots.#17444
Merged
GirlBossRush merged 47 commits intomainfrom Nov 11, 2025
Merged
web: Fix application of global styles in style roots.#17444GirlBossRush merged 47 commits intomainfrom
GirlBossRush merged 47 commits intomainfrom
Conversation
✅ Deploy Preview for authentik-storybook canceled.
|
✅ Deploy Preview for authentik-integrations canceled.
|
✅ Deploy Preview for authentik-docs canceled.
|
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #17444 +/- ##
==========================================
- Coverage 92.98% 92.98% -0.01%
==========================================
Files 869 869
Lines 48040 48040
==========================================
- Hits 44670 44669 -1
- Misses 3370 3371 +1
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
e9cfdaf to
fd12b7d
Compare
Contributor
|
authentik PR Installation instructions Instructions for docker-composeAdd the following block to your AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-bc6c754127b5ac56ca4e1a0d20f7fc8dcc892b0e
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)sAfterwards, run the upgrade commands from the latest release notes. Instructions for KubernetesAdd the following block to your 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-bc6c754127b5ac56ca4e1a0d20f7fc8dcc892b0eAfterwards, run the upgrade commands from the latest release notes. |
kensternberg-authentik
approved these changes
Oct 14, 2025
651526e to
703faf0
Compare
703faf0 to
6949558
Compare
26963d2 to
ddb9b3e
Compare
BeryJu
approved these changes
Oct 30, 2025
7bf1e27 to
477ef16
Compare
7fe5a16 to
cbcf944
Compare
052af2b to
bc6c754
Compare
Mmx233
added a commit
to Mmx233/authentik
that referenced
this pull request
Jan 31, 2026
After PR goauthentik#17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created.
Mmx233
added a commit
to Mmx233/authentik
that referenced
this pull request
Jan 31, 2026
After PR goauthentik#17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created.
6 tasks
GirlBossRush
pushed a commit
to Mmx233/authentik
that referenced
this pull request
Feb 1, 2026
After PR goauthentik#17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created.
GirlBossRush
added a commit
that referenced
this pull request
Feb 1, 2026
* web: fix Brand CSS not applied to nested Shadow DOM components After PR #17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created. * Update web/src/elements/Base.ts Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> * Clarify. --------- Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> Co-authored-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com>
authentik-automation bot
pushed a commit
that referenced
this pull request
Feb 1, 2026
* web: fix Brand CSS not applied to nested Shadow DOM components After PR #17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created. * Update web/src/elements/Base.ts Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> * Clarify. --------- Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> Co-authored-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com>
GirlBossRush
added a commit
that referenced
this pull request
Feb 1, 2026
* web: fix Brand CSS not applied to nested Shadow DOM components After PR #17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created. * Update web/src/elements/Base.ts Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> * Clarify. --------- Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> Co-authored-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com>
BeryJu
pushed a commit
that referenced
this pull request
Feb 1, 2026
…y-pick #19892 to version-2025.12) (#19900) web: fix Brand CSS not applied to nested Shadow DOM components (#19892) * web: fix Brand CSS not applied to nested Shadow DOM components After PR #17444, Brand CSS was only applied when ThemeChangeEvent fired. Components created after the initial event never received the custom styles. This fix immediately applies Brand CSS when a style root is set, ensuring all nested Shadow DOM components (like flow stages) receive brand styling regardless of when they are created. * Update web/src/elements/Base.ts * Clarify. --------- Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> Co-authored-by: Mmx233 <36563672+Mmx233@users.noreply.github.com> Co-authored-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Details
This PR separates styles applied to the document root and body, fixing two issues:
Blocking Dependents