How can we improve the Microsoft Edge developer experience?

object-fit and object-position

CSS properties that control the position and size of replaced content within the content box.

http://dev.w3.org/csswg/css-images-3/#the-object-fit

4,214 votes
Vote
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    Jonathan Sampson [MSFT] shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    87 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • Anselm Hannemann commented  ·   ·  Flag as inappropriate

        As I have steadily increasing traffic on my object-fit polyfill and it definitely causes IE to crash in case a CSS file is too large due to the fact that the polyfill needs to parse the entire CSS for inheritances, I wanted to ask the MS Edge team on if it’s going to be addresses or not in the near future?

      • Chris Howard commented  ·   ·  Flag as inappropriate

        In the days of responsive design and the fact that viewports are changing size and aspect ratio with the seemingly daily release of new devices, this is paramount. We need to have the flexibility of a fluid layout and not have our images leave gaps. Currently we have to use javascript or an empty element with a css background.

      • Hasse Feldthaus commented  ·   ·  Flag as inappropriate

        I would love to see this happen in IE too! As others have stated in here, IE is the only browser that hasn't this in the road-map yet.

        It is extremely usable when it comes to responsive images, and having the mobile net expanding ever so fast, I actually don't get why Microsoft would leave this property behind?

        In my humble opinion this might end up being a selling point for other mobile browsers! :-/

      • Gregory Bolkenstijn commented  ·   ·  Flag as inappropriate

        Developers have been doing this for years with Javascript. Good to see that there's a simple CSS solution finally. I was really surprised that IE doesn't already support this. :(
        Please get this in IE asap!

      • Anselm Hannemann commented  ·   ·  Flag as inappropriate

        Well, IE is the only browser not supporting it. WebKit/blink has it already, Firefox is currently working on it and nearly finished. I'd love to see this as polyfills aren't very performant and are very hacky.

      • fvsch commented  ·   ·  Flag as inappropriate

        Yes please.

        Also we need a way to style the rendered image/video box with some basic things such as borders, padding+border, a drop shadow.

        As things stand in Chrome (and probably in Firefox in the future), if you define object-fit:contain on an <img> element, any border applied gets applied to the <img> element (and rightly so), and you can't style the rendered image itself. So many designs are not possible, which greatly reduces the usefulness of object-fit.

      1 2 3 5 Next →

      Feedback and Knowledge Base