SVG images via content not resized in display: table

Confirmed Issue #11316778 • Assigned to Bogdan B.

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.”

      Changed Assigned To from “Greg W.” to “Bogdan B.”

      Changed Status to “Confirmed”

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

    Sign in