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. 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 →
    • background-blend-mode

      Provides a way to blend background images, colors, and gradients together.

      1,884 votes
      Vote
      Sign in
      Check!
      (thinking…)
      Reset
      or sign in with
      • facebook
      • google
        Password icon
        Signed in as (Sign out)
        You have left! (?) (thinking…)
        34 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
      • Feature request: Auto-resize textarea

        Allow the following CSS to automatically change the height of a <textarea> depending on its content:

        textarea {
        height: max-content;
        }

        This is related to the iframe resize request:

        https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/12237801-feature-request-auto-resize-iframes-based-on-cont

        https://github.com/craigfrancis/iframe-height

        15 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 →
        • Feature request: Auto-resize iframes based on content

          After the recent removal of the `@seamless` attribute on the `<iframe>` from the WHATWG spec:

          https://github.com/whatwg/html/issues/331

          We still need to consider the problem of setting the height of iframes, so they contain their content without scroll bars.

          As discussed at:

          https://github.com/whatwg/html/issues/555
          https://lists.w3.org/Archives/Public/www-style/2016Jan/0236.html
          https://lists.w3.org/Archives/Public/www-style/2016Feb/0004.html

          The solution may simply involve the CSS:

          #iframe { height: max-content; }

          And a header on the framed content, rather than custom/buggy JavaScript.

          25 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 →
          • Feature request: Animating max-height / height based on content

            When creating a disclosure widget:

            <p><a href="#widget">Show Terms &amp; Conditions</a></p>
            <div id="widget">
            <p>Long legal text, hidden by default.</p>
            </div>

            Developers used to use jQuery to display the hidden content with a height changing animation (so the content did not suddenly appear):

            $('#widget').slideToggle();

            More recently we have been using CSS animations:

            #widget {
            overflow-y: hidden;
            max-height: 500px; /* approximate max height */
            transition-property: all;
            transition-duration: .5s;
            }

            #widget.closed {
            max-height: 0;
            }

            https://davidwalsh.name/css-slide

            Where `max-height` has to be guessed (not too high, as the animation will be too fast, and not too small, as content will be unreadable).

            So can we…

            13 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 →
            • 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…)
                2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
              • Background-image transition

                The feature of setting transition for background-image will stop the mess with duplicate div's and z-index-opacity magic.
                Please make transitions available even W3C don't want it.

                Vote for transition: background-image!

                10 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 →
                • Add Support for Scrollbar Styling

                  Add support for scrollbar styling, similar to the earlier properties supported in Internet Explorer (i.e. scrollbar-base-color, etc)

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

                    https://drafts.csswg.org/selectors/#relational

                    The relational pseudo-class, ‘:has()#’, is a functional pseudo-class taking a relative selector list as an argument. It represents an element if any of the relative selectors, when absolutized and evaluated with the element as the :scope elements, would match at least one element.

                    1,398 votes
                    Vote
                    Sign in
                    Check!
                    (thinking…)
                    Reset
                    or sign in with
                    • facebook
                    • google
                      Password icon
                      Signed in as (Sign out)
                      You have left! (?) (thinking…)
                      7 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                    • The CSS4 "revert" value

                      Add support for the "revert" value from CSS Cascading and Inheritance Level 4.
                      See http://www.w3.org/TR/css-cascade-4/#valdef-all-revert
                      I bet that many folks who asked for the "unset" value thought it would do what "revert" actually does.

                      75 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 →
                      • 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

                        855 votes
                        Vote
                        Sign in
                        Check!
                        (thinking…)
                        Reset
                        or sign in with
                        • facebook
                        • google
                          Password icon
                          Signed in as (Sign out)
                          You have left! (?) (thinking…)
                          20 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

                          204 votes
                          Vote
                          Sign in
                          Check!
                          (thinking…)
                          Reset
                          or sign in with
                          • facebook
                          • google
                            Password icon
                            Signed in as (Sign out)
                            You have left! (?) (thinking…)
                            3 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

                            293 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 →
                            • 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

                              102 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 →
                              • :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

                                136 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));

                                  23 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 →
                                  • 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/

                                    74 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  ·  1 comment  ·  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,970 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).

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

                                          Microsoft Edge Developer

                                          Feedback and Knowledge Base