soflyy / breakdance-bugs

Bug reports from Breakdance users.
38 stars 5 forks source link

Blurred element design when creating a backdrop-filter: blur(40px); #1105

Open MidWolfhunter1 opened 1 week ago

MidWolfhunter1 commented 1 week ago

When you create a backdrop-filter: blur(40px); in Settings > Custom CSS on an element to make the background blurry, in the builder preview the element becomes blurred itself. On front end, it looks fine, but for design purposes, I think it could get fixed.

Steps to recreate it this bug:

  1. Create a page
  2. At Settings > Reading, set this page to your homepage
  3. Open the page with Breakdance
  4. Add a menu element inside a header div and select the dropdown menu.
  5. Go to Custom CSS and type in: %%SELECTOR%% { backdrop-filter: blur(40px); }
  6. You will notice the entire element becomes blurry in the builder preview.

image image

You should also include the following information: