CSS filter blur does not work on inline elements

Fixed, not yet flighted Issue #10007696

Details

Author
Thomas F.
Created
Nov 30, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
14.14393
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

https://jsfiddle.net/exaego2j/3/ ](https://jsfiddle.net/exaego2j/3/)[https://jsfiddle.net/exaego2j/3/ ](https://jsfiddle.net/exaego2j/3/)

 

filter: blur(2px); does not work on inline Elements. Let´s say you have a <div> and give them div{ display: inline; filter: blur(2px); } the filter takes no effect. When removing the Display:inline; the filter works fine.

https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/css/filter-effects/

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Ibrahim O.”

      Changed Assigned To to “Rick J.”

      Changed Status to “Confirmed”

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Assigned To from “Rick J.” to “Jordan T.”

      Changed Steps to Reproduce

      Changed Status from “Confirmed” to “Fixed”

      Changed Status from “Fixed” to “Fixed, not yet flighted”

    You need to sign in to your Microsoft account to add a comment.

    Sign in