Skip to content

web/user: fix Firefox for Android infinite render loop in user library#19379

Merged
GirlBossRush merged 1 commit intogoauthentik:mainfrom
Gulianrdgd:fix/17755-firefox-android-render-loop
Jan 21, 2026
Merged

web/user: fix Firefox for Android infinite render loop in user library#19379
GirlBossRush merged 1 commit intogoauthentik:mainfrom
Gulianrdgd:fix/17755-firefox-android-render-loop

Conversation

@Gulianrdgd
Copy link
Contributor

Details

Hopefully Fixes #17755.

I could not do a lot of testing but this seems to fix the issue for me.

Checklist

  • Local tests pass (ak test authentik/)
  • The code has been formatted (make lint-fix)

If an API change has been made

  • The API schema has been updated (make gen-build)

If changes to the frontend have been made

  • The code has been formatted (make web)

If applicable

  • The documentation has been updated
  • The documentation has been formatted (make docs)

@Gulianrdgd Gulianrdgd requested a review from a team as a code owner January 13, 2026 16:22
@netlify
Copy link

netlify bot commented Jan 13, 2026

Deploy Preview for authentik-storybook ready!

Name Link
🔨 Latest commit 3d2558b
🔍 Latest deploy log https://app.netlify.com/projects/authentik-storybook/deploys/696fba5ebbf1880008534a6d
😎 Deploy Preview https://deploy-preview-19379--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 13, 2026

Deploy Preview for authentik-docs ready!

Name Link
🔨 Latest commit 9929685
🔍 Latest deploy log https://app.netlify.com/projects/authentik-docs/deploys/69703d68e275d50008add724
😎 Deploy Preview https://deploy-preview-19379--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 13, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 93.22%. Comparing base (ecaa673) to head (9929685).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #19379      +/-   ##
==========================================
- Coverage   93.25%   93.22%   -0.04%     
==========================================
  Files         949      949              
  Lines       52131    52131              
==========================================
- Hits        48617    48600      -17     
- Misses       3514     3531      +17     
Flag Coverage Δ
conformance 38.26% <ø> (+<0.01%) ⬆️
e2e 44.11% <ø> (+<0.01%) ⬆️
integration 23.16% <ø> (-0.06%) ⬇️
unit 91.51% <ø> (+<0.01%) ⬆️
unit-migrate 91.53% <ø> (+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.

@GirlBossRush GirlBossRush self-requested a review January 13, 2026 16:50
@GirlBossRush
Copy link
Contributor

@Gulianrdgd Thank you for putting this fix together!

Despite a variety of hardware on hand, we've had some trouble replicating this bug. I've long suspected that the ARIA attributes are related, especially when an attribute references another element within the tree.

I've pushed a commit to your branch which should retain the screen reader's announcing of search results, along with name of the active application if enter is pressed. Would it be possible if you tried this latest commit and confirmed that the page does not lock up?

Thanks much 🙏

@GirlBossRush GirlBossRush added 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 labels Jan 13, 2026
@GirlBossRush GirlBossRush added this to the Release 2025.12.1 milestone Jan 13, 2026
@GirlBossRush GirlBossRush force-pushed the fix/17755-firefox-android-render-loop branch from 3bc87f1 to 580f209 Compare January 13, 2026 18:49
@Gulianrdgd
Copy link
Contributor Author

Gulianrdgd commented Jan 14, 2026

@GirlBossRush

I think the code you sent works! I have not had the bug anymore using the latest version. However, for some reason I am not seeing the icons I set up for my applications. The bug might be in the rendering of the images. However, this feels unlikely looking at the code.

Screenshot 2026-01-14 at 10 59 45

It is difficult to trigger the bug. When I restart authentik, everything is fine. Then after 15/30 minutes the page is completely unresponsive. But I have let it run for 2 hours, and it still works great.

@netlify
Copy link

netlify bot commented Jan 15, 2026

Deploy Preview for authentik-integrations ready!

Name Link
🔨 Latest commit 9929685
🔍 Latest deploy log https://app.netlify.com/projects/authentik-integrations/deploys/69703d68ba905a0008f2a0df
😎 Deploy Preview https://deploy-preview-19379--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/17755-firefox-android-render-loop branch from 555e063 to ca6d62e Compare January 15, 2026 01:03
@GirlBossRush
Copy link
Contributor

@Gulianrdgd Thanks for the debugging info. I've rebase the branch to the latest main and enabled the live renderApplicationStatusOutput region for the screen reader. Please let me know if the image loading persists.

Otherwise this looks like a push in the right direction 🥳

@Gulianrdgd
Copy link
Contributor Author

Gulianrdgd commented Jan 15, 2026

Yeah still the same issue with the images not showing up.

This is the error message I get:

TypeError: can't access property "Media", R.AdminFileListUsageEnum is undefined
    renderForm ApplicationForm.ts:191
    renderFormWrapper Form.ts:423
    renderVisible Form.ts:469
    renderVisible ModelForm.ts:94
    render Form.ts:477
    render ModelForm.ts:115
    update lit-element.ts:166

I took a quick look around the issues and in my local branch but I could not really see anything obvious.

@Gulianrdgd
Copy link
Contributor Author

Nevermind I am sure it is this: #19398.

You can merge the ARIA changes!

@Ma27
Copy link
Contributor

Ma27 commented Jan 17, 2026

TypeError: can't access property "Media", R.AdminFileListUsageEnum is undefined

@Gulianrdgd the reason is that in the version of @goauthentik/api that Authentik uses, this struct doesn't exist and is thus undefined on import. An update (#19542) solved the problem for me.

@GirlBossRush GirlBossRush force-pushed the fix/17755-firefox-android-render-loop branch from 2647a58 to 3d2558b Compare January 20, 2026 17:24
Co-authored-by: Julian van der Horst <julianvanderhorst@pm.me>
Co-authored-by: Teffen Ellis <teffen@goauthentik.io>
@GirlBossRush GirlBossRush force-pushed the fix/17755-firefox-android-render-loop branch from 3d2558b to 9929685 Compare January 21, 2026 02:43
@GirlBossRush GirlBossRush enabled auto-merge (squash) January 21, 2026 02:59
@GirlBossRush GirlBossRush merged commit 61ddd76 into goauthentik:main Jan 21, 2026
99 checks passed
authentik-automation bot pushed a commit that referenced this pull request Jan 21, 2026
#19379)

web: Add ARIA fixes, live region reporting.

Co-authored-by: Teffen Ellis <teffen@goauthentik.io>
@authentik-automation
Copy link
Contributor

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

GirlBossRush added a commit that referenced this pull request Jan 21, 2026
…y (cherry-pick #19379 to version-2025.12) (#19626)

web/user: fix Firefox for Android infinite render loop in user library (#19379)

web: Add ARIA fixes, live region reporting.

Co-authored-by: Julian van der Horst <45941668+Gulianrdgd@users.noreply.github.com>
Co-authored-by: Teffen Ellis <teffen@goauthentik.io>
kensternberg-authentik added a commit that referenced this pull request Jan 21, 2026
…experiment

* main:
  sources/saml: properly catch InvalidSignature exception (#19641)
  sources/saml: Set AuthnRequest ProtocolBinding to HTTP-POST instead of HTTP-Redirect (#17378)
  website/docs: update endpoint agent windows log location (#19645)
  core: bump library/node from 25.3.0-trixie to 25.4.0-trixie in /website (#19632)
  core, web: update translations (#19535)
  core: bump github.com/pires/go-proxyproto from 0.8.1 to 0.9.0 (#19628)
  core: bump django-stubs[compatible-mypy] from 5.2.8 to 5.2.9 (#19629)
  web: bump @types/react from 19.2.8 to 19.2.9 in /web in the react group across 1 directory (#19631)
  core: bump sentry-sdk from 2.49.0 to 2.50.0 (#19630)
  website/integrations: update qnap (#19644)
  website/docs: Update saml google workspace guide (#19624)
  web/elements: reduce spacing between collapsible form groups (#19627)
  web/forms: fix forms not resetting state when modal closes (#19562)
  web/user: fix Firefox for Android infinite render loop in user library (#19379)
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

None yet

Development

Successfully merging this pull request may close these issues.

Firefox for Android hangs/freezes on user library view

4 participants