responsively-org
tailwind `backdrop-blur` is not working
🐞 bug report
✍️ Description
The tailwind css' class name backdrop-blur-sm is not working on Responsively app, all other things were perfect but only the blur part were not implemented by app in all general screen size that i was using.
🔬 Minimal Reproduction
To reproduce this, create a nextjs app with navigation section with having sticky css property implemented and the backdrop-blur-sm tailwindcss class utility.
🌍 Your Environment
- Using Windows version of Responsively app v1.17.0
🔥 Exception or Error or Screenshot
Indeed this one is very important to fix it think, I spend 1 hour trying to understand why my code was not working 🥇 . But it works in another browser.
I was able to reproduce this consistently. The backdrop-blur-* styles are applied correctly (visible in DevTools), and the same setup works as expected in Chrome.
In Responsively, the blur does not render even without any scrolling or interaction. This appears to be a limitation of Electron webviews rather than Tailwind or CSS. backdrop-filter requires GPU compositing, and when webviews fall back to software or offscreen rendering, Chromium silently skips the blur effect despite the CSS being applied.
Relevant Electron issues:
- https://github.com/electron/electron/issues/30412
Given Responsively’s multi-webview architecture, this support may not apply reliably here. This may be best documented as a known limitation or exposed via an opt-in experimental GPU rendering flag.
Thank you for letting me know.
On Wed, 17 Dec 2025 at 03:52, Bhanu Prakash @.***> wrote:
bhnprksh222 left a comment (responsively-org/responsively-app#1410) https://github.com/responsively-org/responsively-app/issues/1410#issuecomment-3662673618
I was able to reproduce this consistently. The backdrop-blur-* styles are applied correctly (visible in DevTools), and the same setup works as expected in Chrome.
In Responsively, the blur does not render even without any scrolling or interaction. This appears to be a limitation of Electron webviews rather than Tailwind or CSS. backdrop-filter requires GPU compositing, and when webviews fall back to software or offscreen rendering, Chromium silently skips the blur effect despite the CSS being applied.
Relevant Electron issues:
- electron/electron#30412 https://github.com/electron/electron/issues/30412
Given Responsively’s multi-webview architecture, this support may not apply reliably here. This may be best documented as a known limitation or exposed via an opt-in experimental GPU rendering flag.
— Reply to this email directly, view it on GitHub https://github.com/responsively-org/responsively-app/issues/1410#issuecomment-3662673618, or unsubscribe https://github.com/notifications/unsubscribe-auth/A3MOZHPEC75JZ5637HTSKBL4CCA27AVCNFSM6AAAAACEPQOC42VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTMNRSGY3TGNRRHA . You are receiving this because you authored the thread.Message ID: @.***>