Skip to content

web: Flow Executor layout fixes#20134

Merged
GirlBossRush merged 13 commits intomainfrom
fix-flow-executor-error-layout
Feb 16, 2026
Merged

web: Flow Executor layout fixes#20134
GirlBossRush merged 13 commits intomainfrom
fix-flow-executor-error-layout

Conversation

@GirlBossRush
Copy link
Contributor

Details

This PR addresses feedback on the flow executor in a few scenarios:

  • Styles for site footer links no longer depend on a shadow root, fixing alignment on error pages.
  • The loading overlay's styles now have our latest compatibility mode hints, fixing an issue where the spinner appeared on top of the content instead overlayed atop the content.
  • The flow card's min height now only applies when placeholder content is slotted, fixing some oddly sized cards, such as on the error page.

@GirlBossRush GirlBossRush requested a review from BeryJu February 10, 2026 07:08
@GirlBossRush GirlBossRush requested review from a team as code owners February 10, 2026 07:08
@netlify
Copy link

netlify bot commented Feb 10, 2026

Deploy Preview for authentik-storybook ready!

Name Link
🔨 Latest commit de34478
🔍 Latest deploy log https://app.netlify.com/projects/authentik-storybook/deploys/6990010a657d8a0008c23715
😎 Deploy Preview https://deploy-preview-20134--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 Feb 10, 2026

Deploy Preview for authentik-docs ready!

Name Link
🔨 Latest commit 59a2fac
🔍 Latest deploy log https://app.netlify.com/projects/authentik-docs/deploys/698ffe4e5de2630008f731d4
😎 Deploy Preview https://deploy-preview-20134--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.

@GirlBossRush GirlBossRush force-pushed the fix-flow-executor-error-layout branch from 8c737f7 to 47f7175 Compare February 10, 2026 07:10
@codecov
Copy link

codecov bot commented Feb 10, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 93.32%. Comparing base (8c32593) to head (de34478).
⚠️ Report is 19 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #20134   +/-   ##
=======================================
  Coverage   93.32%   93.32%           
=======================================
  Files         981      981           
  Lines       55134    55134           
=======================================
+ Hits        51453    51455    +2     
+ Misses       3681     3679    -2     
Flag Coverage Δ
conformance 37.46% <ø> (+<0.01%) ⬆️
e2e 43.27% <ø> (+<0.01%) ⬆️
integration 22.44% <ø> (+<0.01%) ⬆️
unit 91.52% <ø> (+<0.01%) ⬆️
unit-migrate 91.56% <ø> (+<0.01%) ⬆️

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 Feb 10, 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-43d3f66bbcbf6c08e21a6479bcc555683e7f8bc5
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-43d3f66bbcbf6c08e21a6479bcc555683e7f8bc5

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

@netlify
Copy link

netlify bot commented Feb 10, 2026

Deploy Preview for authentik-integrations ready!

Name Link
🔨 Latest commit 59a2fac
🔍 Latest deploy log https://app.netlify.com/projects/authentik-integrations/deploys/698ffe4ef725580008368492
😎 Deploy Preview https://deploy-preview-20134--authentik-integrations.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.

@GirlBossRush GirlBossRush force-pushed the fix-flow-executor-error-layout branch from c244599 to dfcee2d Compare February 11, 2026 06:50
Comment on lines +1 to +2
:host,
ak-form-static.style-scope {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ported into separate file to clarify behavior. The ak-form-static.style-scope selector here is the primary change for this element.

@BeryJu BeryJu added the backport/version-2026.2 Add this label to PRs to backport changes to version-2026.2 label Feb 11, 2026
@GirlBossRush GirlBossRush force-pushed the fix-flow-executor-error-layout branch 5 times, most recently from 56e0267 to 5df76c2 Compare February 13, 2026 17:30
@GirlBossRush GirlBossRush force-pushed the fix-flow-executor-error-layout branch from 5df76c2 to 59a2fac Compare February 14, 2026 04:47
@GirlBossRush GirlBossRush merged commit 61a75e6 into main Feb 16, 2026
144 of 149 checks passed
@GirlBossRush GirlBossRush deleted the fix-flow-executor-error-layout branch February 16, 2026 19:29
authentik-automation bot pushed a commit that referenced this pull request Feb 16, 2026
* Fix footer alignment.

* Fix loading position in compatibility mode.

* Apply min height only when placeholder content is present.

* Fix alignment in compatibility mode.

* Add compatibility mode host selectors.

* Fix nullish challenge height. Clarify selector behavior.

* Add type defintion

* Fix padding.

* Fix misapplication of pf-* class to container.

* Fix huge base64 encoded attribute.

* Clean up layering issues, order of styles.

* Disable dev override.

* Document parts.
@authentik-automation
Copy link
Contributor

🍒 Cherry-pick to version-2026.2 created: #20331

@GirlBossRush GirlBossRush mentioned this pull request Feb 16, 2026
6 tasks
if (link.href) {
return html`<li><a href="${link.href}">${children}</a></li>`;
return html`<li part="list-item">
<a part="list-item-link" href=${link.href}>${children}</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

Hi! Is the removal of the quotation marks around the hrefvalue here intentional?

GirlBossRush added a commit that referenced this pull request Feb 17, 2026
#20331)

web: Flow Executor layout fixes (#20134)

* Fix footer alignment.

* Fix loading position in compatibility mode.

* Apply min height only when placeholder content is present.

* Fix alignment in compatibility mode.

* Add compatibility mode host selectors.

* Fix nullish challenge height. Clarify selector behavior.

* Add type defintion

* Fix padding.

* Fix misapplication of pf-* class to container.

* Fix huge base64 encoded attribute.

* Clean up layering issues, order of styles.

* Disable dev override.

* Document parts.

Co-authored-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport/version-2026.2 Add this label to PRs to backport changes to version-2026.2

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants