Blur effect arround the popup

  • Resolved mcyann

    (@mcyann)


    4 years ago

    Hello,
    when I create a popup there is a blur effect around it. This one works on Chrome and Edge but not on firefox. Is there a reason for this problem?
    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • ausyed

    (@ausyed)

    Hello @mcyann,

    Apologize for a delayed response!

    I have checked the above URL on different browsers including Firefox but couldn’t find the blur issue. Would you please share me a screen capture of it? It will definitely help us to improve our plugin. Please feel free to get back to us, in-case of any query.

    Regards,
    Syed

    Thread Starter mcyann

    (@mcyann)

    Hello,
    thank you for your answer, here are 2 screenshots firefox and chrome.
    https://ibb.co/LSsK9hS
    https://ibb.co/C90YSGd
    Thanks

    Plugin Contributor Philipp Stracker

    (@strackerphil-1)

    Hi @mcyann

    Thanks for the screenshots. I can see what you mean – the background behind the Popup is blurred via CSS in most browsers.

    Specifically, the plugin applies a backdrop-filter which is not implemented in Firefox and IE – all other browsers support this style already. IE will never support this, and FF will eventually implement it, though we cannot predict how long that will take.

    Unfortunately, this is a technical limitation of the browser that we cannot bypass. But it’s a matter of time before FF will support that feature and also blur the background.

    Btw, this is the exact CSS rule which applies the blur effect, in case you want to disable it for all browsers:

    .da-overlay-visible .da-overlay {
    // default effect:
    backdrop-filter: saturate(180%) blur(5px);
    
    // disable background effect:
    backdrop-filter: none;
}

    Hope that helps ??
    Happy Popup-ing, Philipp

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blur effect arround the popup’ is closed to new replies.