search

rstudio / bslib

Tools for theming Shiny and R Markdown via Bootstrap 3, 4, or 5.
https://rstudio.github.io/bslib/
Other
459 stars 52 forks source link

fix(safari): Use `-webkit-` prefix for `backdrop-filter` #1080

Closed gadenbuie closed 1 month ago

gadenbuie commented 1 month ago

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).

gadenbuie commented 1 month ago

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.