Add missing -webkit- prefixed backdrop-filter rule for Safari. Also tweaks blur and opactiy to make the effect a little bit more subtle.
For context, the blur/opacity appears when the sidebar is collapsible on mobile. In this case, the sidebar expands to cover the content in the layout, and the goal is to give the user the sense that the covered outputs are updating when the inputs in the sidebar are changed.
Note: the next release of Safari won't require this. In general, backdrop-filter is well supported (96.57%, all major browsers in the last 2 years).
After a bunch of exploration, I decided the initial approach is best for now, but it needed an additional fix for another issue I found along the way. I've created a new PR #1084 to supersede this one.
Add missing
-webkit-
prefixedbackdrop-filter
rule for Safari. Also tweaks blur and opactiy to make the effect a little bit more subtle.For context, the blur/opacity appears when the sidebar is collapsible on mobile. In this case, the sidebar expands to cover the content in the layout, and the goal is to give the user the sense that the covered outputs are updating when the inputs in the sidebar are changed.
Note: the next release of Safari won't require this. In general, backdrop-filter is well supported (96.57%, all major browsers in the last 2 years).