SVG images via content not resized in display: table

Issue #11316778 • Assigned to Greg W.

Details

Author
David S.
Created
Mar 17, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Found in build #
15.15051
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Reduction URL: https://jsfiddle.net/cqgL7gpf/
Actual URL: https://next.smashingmagazine.com/2017/03/a-little-surprise-is-waiting-for-you-here–meet-the-next-smashing-magazine/
Smashing magazine bug: https://github.com/smashingmagazine/redesign/issues/76

Author’s expectation:
Chrome/Safari/FF resize the SVG added via content on ::before to fit the 2em width. It uses display table-cell on the before and table on the actual element.

Actual:

SVG sizing doesn’t respect the width added via CSS, causing the image to be much bigger.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Greg W.”

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

    Sign in