Microsoft Edge Developer

Hi, are you a web developer or designer?

“No, I just want to share feedback on Microsoft Edge.”

Please use the Feedback Hub (requires Windows 10) to submit your feedback in the Microsoft Edge category. This site is for web developer and designer feedback only. Other feedback will be closed without action.

“Yes, I’m a web developer or designer with feedback for the Microsoft Edge platform.”

Great! This site is where the Microsoft Edge team collects feature requests from the web developer and designer community in the categories listed to the right. For bugs on existing features, please log an issue on the Issue Tracker.

Your feedback will help us with planning and to better understand how web developers and designers are using the platform. Top standards-based feature requests will also be copied over to status.microsoftedge.com, where you can track its development status.

For the most actionable feedback, please search and up vote for existing suggestions before submitting a new suggestion, and create a separate suggestion per idea. Note that off topic or inappropriate suggestions may be moderated. The Microsoft Edge team will use suggestions as an important input, but there are several additional factors that inform the final roadmap.

A note from our lawyers: Please do not send any novel or patentable ideas, copyrighted materials, samples or demos which you do not want to grant a license to Microsoft. See the Terms of Service for more information.

How can we improve the Microsoft Edge developer experience?

You've used all your votes and won't be able to post a new idea, but you can still search and comment on existing ideas.

There are two ways to get more votes:

  • When an admin closes an idea you've voted on, you'll get your votes back from that idea.
  • You can remove your votes from an open idea you support.
  • To see ideas you have already voted on, select the "My feedback" filter and select "My open ideas".
(thinking…)

Enter your idea and we'll search to see if someone has already suggested it.

If a similar idea already exists, you can support and comment on it.

If it doesn't exist, you can post your idea so others can support it.

Enter your idea and we'll search to see if someone has already suggested it.

  • Hot ideas
  • Top ideas
  • New ideas
  • My feedback
  1. Fix the <sub> <sup> CSS font-size bug

    When you style text inside a <sup> or <sub> element, it gets rendered slightly smaller than the specified font-size says. Thats a bug that is still existing since Internet Explorer and has been filed by your employee Christian Heilmann in may.

    Demo here:
    http://jsbin.com/goxala/1/edit?html,css,output

    31 votes
    Vote
    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      You have left! (?) (thinking…)
      0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
    • :scope pseudo-class for the Selectors API

      Please implement the :scope pseudo-class to refer to the context in querySelector(All). You’re the last browser remaining [1]

      [1]: https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ascope

      185 votes
      Vote
      Sign in
      Check!
      (thinking…)
      Reset
      or sign in with
      • facebook
      • google
        Password icon
        Signed in as (Sign out)
        You have left! (?) (thinking…)
        4 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
      • Stop treating cursor: auto like cursor: inherit

        Currently in IE11 and MS Edge 1, cursor: auto is treated like cursor: inherit. Example:

        <div class="outer">
        <div class="inner">
        Text
        </div>
        </div>

        .outer{
        cursor: pointer;

        .inner {
        cursor: auto;
        }
        }

        If I hover over "Text", I get a pointer instead of the correct cursor (which should be the "text" cursor).

        More on this:

        http://stackoverflow.com/questions/21702643/opera-ie-cursor-auto-doesnt-work

        99 votes
        Vote
        Sign in
        Check!
        (thinking…)
        Reset
        or sign in with
        • facebook
        • google
          Password icon
          Signed in as (Sign out)
          You have left! (?) (thinking…)
          0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
        • Implement conic gradients from CSS Image Values Level 4

          Conic gradients [1] are useful for a number of effects on the Web that cannot be emulated in any other way (see [2]). They can be implemented in many graphics libraries today (e.g. Cairo) via mesh gradients. Please implement them.

          [1]: http://www.w3.org/TR/css4-images/#conic-gradients
          [2]: http://leaverou.github.io/conic-gradient

          700 votes
          Vote
          Sign in
          Check!
          (thinking…)
          Reset
          or sign in with
          • facebook
          • google
            Password icon
            Signed in as (Sign out)
            You have left! (?) (thinking…)
            14 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
          • :matches()

            Implement this helpful selector. WebKit and Mozilla have early implementations defined as :-prefix-any(), and the specification has been stable on this for quite some time.

            http://www.w3.org/TR/selectors4/#matches

            107 votes
            Vote
            Sign in
            Check!
            (thinking…)
            Reset
            or sign in with
            • facebook
            • google
              Password icon
              Signed in as (Sign out)
              You have left! (?) (thinking…)
              0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
            • Support calc() for scroll-snap

              Length values in scroll-snap don’t support calc().

              The Firefox and Safari implementations of this property both support calc().

              For example, this works in Firefox/Safari:

              -webkit-scroll-snap-points-y: repeat(calc(100vh - 100px));
              scroll-snap-points-y: repeat(calc(100vh - 100px));

              But this doesn't work in Internet Explorer or Edge:

              -ms-scroll-snap-points-y: snapInterval(0%, calc(100vh - 100px));

              22 votes
              Vote
              Sign in
              Check!
              (thinking…)
              Reset
              or sign in with
              • facebook
              • google
                Password icon
                Signed in as (Sign out)
                You have left! (?) (thinking…)
                0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
              • max-content

                Support for new width values:

                width: max-content;
                width: min-content;

                https://developer.mozilla.org/en-US/docs/Web/CSS/width#max-content

                152 votes
                Vote
                Sign in
                Check!
                (thinking…)
                Reset
                or sign in with
                • facebook
                • google
                  Password icon
                  Signed in as (Sign out)
                  You have left! (?) (thinking…)
                  2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                • Update CSS Scroll Snap Points

                  Now that both Firefox 39+ and Safari 9 supports it in addition to being in development in Chrome, updating the Scroll Snap Points implementation to match the current spec is crucial. The current implementation from the IE 10 days is outdated and incompatible with the changes made since then.

                  Why hasn't there been any talk regarding this, and why hasn't it been done already?

                  Spec: https://drafts.csswg.org/css-snappoints/

                  62 votes
                  Vote
                  Sign in
                  Check!
                  (thinking…)
                  Reset
                  or sign in with
                  • facebook
                  • google
                    Password icon
                    Signed in as (Sign out)
                    You have left! (?) (thinking…)
                    on the backlog  ·  0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                  • CSS attr() as defined in CSS Values Level 3

                    Allows attr() to be used in any CSS rule (not just generated content), any CSS property (not just content) and for various data types.

                    Spec: http://www.w3.org/TR/css3-values/#attr-notation

                    This will revolutionize what we can do with CSS and enable a kind of decoupling between content and styling that has never been possible before.

                    1,774 votes
                    Vote
                    Sign in
                    Check!
                    (thinking…)
                    Reset
                    or sign in with
                    • facebook
                    • google
                      Password icon
                      Signed in as (Sign out)
                      You have left! (?) (thinking…)
                      9 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                    • Fix display: table* in respect to content overflow

                      Currently the CSS table property when used in IE does not render sub elements of table-row and table-cell types correctly. Parent container sizes are not respected and content extends the table element regardless of overflow attribute.

                      http://jsfiddle.net/jrbu4yc8/1/
                      dragging/resizing the bottom left (yellow) element causes the entire document to expand regardless of overflow attribute. IE is the only browser to do this.

                      16 votes
                      Vote
                      Sign in
                      Check!
                      (thinking…)
                      Reset
                      or sign in with
                      • facebook
                      • google
                        Password icon
                        Signed in as (Sign out)
                        You have left! (?) (thinking…)
                        0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                      • image-rendering: pixelated

                        This declaration is used to preserve pixels when scaling up images (e.g. pixel art). IE provides this functionality via -ms-interpolation-mode: nearest-neighbor. The other browser engines also provide this functionality (see here: http://www.simevidas.com/2015/05/10/Blowing-up-pixel-art-on-the-Web.html).

                        733 votes
                        Vote
                        Sign in
                        Check!
                        (thinking…)
                        Reset
                        or sign in with
                        • facebook
                        • google
                          Password icon
                          Signed in as (Sign out)
                          You have left! (?) (thinking…)
                          10 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                        • Support CSS Motion Path Module

                          Since SMIL will be deprecated in Blink and there is no intent to implement in MS Edge, we need to fill in the gaps and provide alternative ways to do with CSS what we could do in SMIL.

                          The CSS Motion Path spec is now a Level 1 module and is in W3C Working Draft status:: http://www.w3.org/TR/2015/WD-motion-1-20150409/

                          Using the properties defined in this specification, we will be able to animate HTML and SVG elements along arbitrary paths, using nothing but good old CSS.

                          There is a bug report open to fixes in Blink, hopefully to make it to implementation this…

                          735 votes
                          Vote
                          Sign in
                          Check!
                          (thinking…)
                          Reset
                          or sign in with
                          • facebook
                          • google
                            Password icon
                            Signed in as (Sign out)
                            You have left! (?) (thinking…)
                            6 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                          • Support reverse scrolling when justify-content: flex-end

                            Initial scroll position should be the end-edge of the element, as it is on Google Chrome.

                            Mozilla bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1042151

                            Related spec: http://www.w3.org/TR/2014/WD-css-align-3-20141218/#overflow-scroll-position

                            CodePen (only Chrome works as expected as of Oct 2015): http://codepen.io/SaschaNaz/pen/vNrYGY

                            4 votes
                            Vote
                            Sign in
                            Check!
                            (thinking…)
                            Reset
                            or sign in with
                            • facebook
                            • google
                              Password icon
                              Signed in as (Sign out)
                              You have left! (?) (thinking…)
                              0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                            • hanging-punctuation

                              As defined by the spec, the `hanging-punctuation` property determines whether a punctuation mark, if one is present, hangs and may be placed outside the line box (or in the indent) at the start or at the end of a line of text.

                              For most developers, CSS-tricks provides a sufficient explanation of its benefits that are often long-desired with critical textual content: https://css-tricks.com/almanac/properties/h/hanging-punctuation/

                              36 votes
                              Vote
                              Sign in
                              Check!
                              (thinking…)
                              Reset
                              or sign in with
                              • facebook
                              • google
                                Password icon
                                Signed in as (Sign out)
                                You have left! (?) (thinking…)
                                0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                              • Implement ::selection according to Pseudo Elements Level 4

                                ::selection has now been re-added to the spec: https://drafts.csswg.org/css-pseudo-4/#selectordef-selection

                                You should considering starting to work on updating the implementating in Edge according to that spec. There are many bugs in the current implementation - you can't, for instance, write :root::selection or html::selection, and body::selection only applies to direct descendants, text nodes placed directly into <body> without wrapping. In the spec, it says: "Authors wanting multiple selections styles should use ‘:root::selection’ for their document-wide selection style, since this will allow clean overriding in descendants. (‘::selection’ alone would apply to every element in the tree, overriding the more specific styles of any…

                                5 votes
                                Vote
                                Sign in
                                Check!
                                (thinking…)
                                Reset
                                or sign in with
                                • facebook
                                • google
                                  Password icon
                                  Signed in as (Sign out)
                                  You have left! (?) (thinking…)
                                  2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                • Support data-uri for CSS cursor property

                                  Support data-uri for CSS cursor property. Especially useful as it eliminates loading gap when cursor is loading and is invisible to the user.

                                  Already supported in Chrome, Firefox, Opera and Safari

                                  39 votes
                                  Vote
                                  Sign in
                                  Check!
                                  (thinking…)
                                  Reset
                                  or sign in with
                                  • facebook
                                  • google
                                    Password icon
                                    Signed in as (Sign out)
                                    You have left! (?) (thinking…)
                                    1 comment  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                  • How do I include web pages background colors when printing

                                    Printing to the "Microsoft Print to PDF" Printer does not show background colors of table cells or DIV tags. How can I include these background colors in the "Print to PDF"?

                                    19 votes
                                    Vote
                                    Sign in
                                    Check!
                                    (thinking…)
                                    Reset
                                    or sign in with
                                    • facebook
                                    • google
                                      Password icon
                                      Signed in as (Sign out)
                                      You have left! (?) (thinking…)
                                      2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                    • Support `text-align: start` (& `end`) from CSS Text Module Level 3

                                      Add support for the `start` and `end` values of the `text-align` property, as specified in the CSS Text Module Level 3 spec ( http://dev.w3.org/csswg/css-text-3/#text-align-property ).
                                      These are very useful when writing stylesheets that take RTL (right-to-left) languages into account for page layouts.
                                      The other major desktop browsers already support them: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align#Browser_compatibility

                                      64 votes
                                      Vote
                                      Sign in
                                      Check!
                                      (thinking…)
                                      Reset
                                      or sign in with
                                      • facebook
                                      • google
                                        Password icon
                                        Signed in as (Sign out)
                                        You have left! (?) (thinking…)
                                        4 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                      • css max and min

                                        Implement the CSS functions min() and max() as suggested https://www.w3.org/Style/CSS/Tracker/issues/203

                                        19 votes
                                        Vote
                                        Sign in
                                        Check!
                                        (thinking…)
                                        Reset
                                        or sign in with
                                        • facebook
                                        • google
                                          Password icon
                                          Signed in as (Sign out)
                                          You have left! (?) (thinking…)
                                          0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                        • Support calc() in Flexbox rules

                                          Please just axe IE and don't rebrand with the Spartan project. You're literally the worst browser in every conceivable test http://html5test.com http://css3test.com and yet you make fun of people who critique you instead of dumping resources into fixing your garbage browser. https://www.youtube.com/watch?v=lD9FAOPBiDk

                                          So happy Chrome is bashing you nowadays. You deserve it.

                                          144 votes
                                          Vote
                                          Sign in
                                          Check!
                                          (thinking…)
                                          Reset
                                          or sign in with
                                          • facebook
                                          • google
                                            Password icon
                                            Signed in as (Sign out)
                                            You have left! (?) (thinking…)
                                            4 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                          • Don't see your idea?

                                          Microsoft Edge Developer

                                          Feedback and Knowledge Base