Search
Star
Feedback
Setup for Free
Β© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Problematic backdrop-filter caused by a sibling - Kevin Powell - Community
KP-C
Kevin Powell - Community
β’
5mo ago
β’
4 replies
lko
Problematic backdrop-filter caused by a sibling
I can
't figure out this problem
, as you can see from this codepen
:
https://codepen.io/Lko3001/pen/MYKvRQO
The input is on top of the square
, but the
backdrop-filter
backdrop-filter
behaves in a weird way
.
To fix this
, for some reason
, you can just disable the
mix-blend-mode
mix-blend-mode
property of
.problem
.problem
But this demo comes from a website i
'm building
, and I cannot remove that property
.
Why is it happening
?
CodePen
Lko
Problematic Backdrop Filter
.
.
.
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time π.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
CSS transition on <dialog> backdrop-filter
KP-C
Kevin Powell - Community / help
10mo ago
fixing the cls caused by scale on images
KP-C
Kevin Powell - Community / help
11mo ago
How problematic is this for accessibility?
KP-C
Kevin Powell - Community / help
11mo ago
Extend HTML <dialog> backdrop to iPhone safe areas.
KP-C
Kevin Powell - Community / help
6mo ago