Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork3.3k
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
-
🐞 ActiveAdmin 4.0.0.beta15 not working on Firefox 138.0.1 due to import map issues✅ Expected behaviorBasic UI interactions in ActiveAdmin should work in all modern browsers, including Firefox. Specifically:
These interactions should work without JavaScript errors in the browser console. ❌ Actual behaviorOnFirefox 138.0.1, the following interactions do not work:
The browser console reports:
This makes ActiveAdmin unusable in Firefox out of the box when both Vite and Importmap are present. 🧪 How to reproduce
<metaname="viewport"content="width=device-width,initial-scale=1"><%=csrf_meta_tags%><%=csp_meta_tag%><%# On page load or when changing themes, best to add inline in `head` to avoid FOUC%><%= javascript_tag nonce: true do%> if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { document.documentElement.classList.add('dark') } else { document.documentElement.classList.remove('dark') }<% end%><%= javascript_importmap_tags "active_admin", importmap: ActiveAdmin.importmap%><%= vite_typescript_tag 'active_admin'%>
💻 System configuration |
BetaWas this translation helpful?Give feedback.
All reactions
Replies: 1 comment 1 reply
-
Hello, is this a generic compatibility issue between importmap and vite? |
BetaWas this translation helpful?Give feedback.
All reactions
👀 1
-
Hi! Thanks for the reply. In my case, I’m removing importmap completely and migrating the whole application to Vite (using vite_rails). My goal is to have ActiveAdmin fully integrated in the Vite pipeline — including JS, SCSS (with Tailwind), and custom components. I’ve managed to get most of it working, but I’m running into some issues when trying to load @activeadmin/activeadmin SCSS styles via Vite. It seems to fail due to how the SCSS is structured internally (e.g., using@import, which Vite/Sass warns about or fails to resolve). Is there any known or recommended way to use ActiveAdmin 4 fully within a Vite-based setup? |
BetaWas this translation helpful?Give feedback.
All reactions
This discussion was converted from issue #8723 on May 13, 2025 14:33.