Is there a bug in Webflow causing the backdrop filter to not work on Safari? Others are experiencing the same issue, as shown in the attached images in both Safari and Chrome. The blur effect should apply to the "local-nav_container" div.

It looks like backdrop-filter is not working correctly on Safari, even though it works as expected in Chrome. This can be due to Safari’s partial support or rendering issues with backdrop-filter, especially in specific contexts like overflow: hidden or position: fixed elements.

1. Check Safari Compatibility

• Ensure you are using the latest version of Safari, as older versions may not fully support backdrop-filter.
• Webflow applies backdrop-filter using CSS, which is supported in Safari 14 and later.
• Go to Can I Use (caniuse.com/backdrop-filter) and verify current browser support.

2. Verify -webkit-backdrop-filter

• Safari requires the -webkit-backdrop-filter property to function properly.
• In Webflow, try adding custom code under Page Settings > Custom Code inside <style> tags:
  ```css
  .local-nav_container {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  }
  ```

3. Avoid overflow: hidden on Parent Elements

• Safari has issues applying backdrop-filter when an ancestor has overflow: hidden.
• If overflow: hidden is applied to any parent divs, try setting it to visible and re-test.

4. Ensure the backdrop-filter Element is Inside a Transparent Background

• The element that uses backdrop-filter must have some transparency (rgba() or opacity).
• Use background: rgba(255, 255, 255, 0.3); instead of a solid color.

5. Try Using a position: fixed Element

• Some users report that backdrop-filter works better when the element is set to position: fixed rather than relative or absolute.

Summary

Safari often requires -webkit-backdrop-filter, doesn't work well with overflow: hidden, and needs a transparent background. If the issue persists, check browser compatibility and Webflow’s published CSS output in Safari’s dev tools (Cmd + Option + I) to ensure Webflow is applying the styles correctly.