CSS object-fit property not supported in Edge

External Issue #7231986

Details

Author
Brion V.
Created
Apr 17, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
14.14316
Reports
Reported by 8 people

Sign in to watch or report this issue.

Steps to reproduce

The CSS3 ‘object-fit’ property allows configuring the scaling/cropping/stretching behavior of replaced content such as images, videos, and canvases. Currently it is not supported at all in Edge, but seems well supported in latest versions of Chrome, Firefox, and Safari.
It’s extremely useful for ensuring that graphical content is displayed at a fixed aspect ratio, either centered (‘contain’) or zoomed/cropped (‘cover’) to fit a variable-sized content area.
Video elements in Edge currently act similarly to the ‘contain’ setting by default, while images and canvases behave similarly to the ‘fill’ setting (the default per spec).
Sample: https://brionv.com/misc/object-fit/
Spec: https://drafts.csswg.org/css-images-3/#the-object-fit
Cross-browser support: http://caniuse.com/#feat=object-fit

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Status to “External”

  • I notice someone marked this as a duplicate, but there’s no link to the issue it’s a duplicate of. Can you link please? Thanks!

  • Thank you from sharing your feedback with us. This is an issue we track already, so we merged this with our existing issue keeping track of this property.  The items we link to might not always show up because we have internal deliverables as well.

  • A lot of US government clients still use Internet Explorer 11 instead of Edge. It would be great if you could add support to that browser as well.

  • Hi @Brad E.

    Is this bug fixed? If not, is there any plan about when to fix it?

  • Same Bug since Apr 18, 2016?

    Please fix this issue in IE 9 - 11 and Edge

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

Sign in