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. Implement the display: contents

    When using layout modes like flexbox and grid, there is a conflict between the desire to keep the DOM tree relatively flat, to avoid complex, unperformant, highly-nested layouts, and grouping elements in a way that makes sense semantically and allows easy manipulation via data-binding frameworks like Angular.

    This conflict can be solved by supporting the "display: contents" box-generation mode from CSS Display Module Level 3. This allows elements to be configured to generate no box of their own, only those of their children. In this way, complex, nested DOM structures can generate much simpler box trees.

    3,602 votes
    Vote
    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      You have left! (?) (thinking…)
      196 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
    • Implement :focus-within from Selectors 4

      Tons of UIs include elements that are not visible unless the user interacts with their parent or ancestor. Think popup menus, delete or edit buttons, floating formatting toolbars, copy buttons, editing popups and so on. The list is endless. This is a good way to reduce visual clutter.
      However, this is often done in an inaccessible way, just by using :hover, because making it accessible requires JS, since :focus does not apply to ancestors. However, 1 in 2 people writing HTML/CSS are not comfortable with JavaScript so keyboard accessibility (and usability, as many of us are keyboard users by choice)…

      1,927 votes
      Vote
      Sign in
      Check!
      (thinking…)
      Reset
      or sign in with
      • facebook
      • google
        Password icon
        Signed in as (Sign out)
        You have left! (?) (thinking…)
        23 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
      • background-blend-mode

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

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

          Support `word-break: break-word` please.

          108 votes
          Vote
          Sign in
          Check!
          (thinking…)
          Reset
          or sign in with
          • facebook
          • google
            Password icon
            Signed in as (Sign out)
            You have left! (?) (thinking…)
            5 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
          • object-fit and object-position for all media elements

            Object-fit and object-position is defined for all visual media, not only for images, but also for video or canvas elements.

            1,148 votes
            Vote
            Sign in
            Check!
            (thinking…)
            Reset
            or sign in with
            • facebook
            • google
              Password icon
              Signed in as (Sign out)
              You have left! (?) (thinking…)
              22 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
            • 29 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 →
              • 21 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 →
                • Bring `gap` property to flexbox

                  As outlined in the linked issue, having the ability to use grid-gap on flexbox (which is soon to be renamed just "gap" by the CSS Working Group because "grid-gap" doesn't make sense when used on flexbox) solves a major pain point that developers are facing.

                  See the issue for more details:
                  https://github.com/w3c/csswg-drafts/issues/592

                  253 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 →
                  • 41 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 →
                    • CSS property "list-style: none" is ignored in MS Edge

                      even when `list-style` is set to `none` for lists MS Edge stil rendering the list bullets. Looks like `list-style: none` is completely ignored by MS Edge

                      6 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 →
                      • Isolation

                        Used to declaratively create a new stacking context.

                        https://drafts.fxtf.org/compositing-1/#isolation

                        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…)
                          2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                        • 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…)
                            0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                          • 80 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 →
                            • unsupported pseudo class renders CSS useless

                              unsupported pseudo class renders CSS useless
                              When MS Edge does not support a pseudo class (e.g. :focus-within), it ignores other grouped selectors such as:

                              #menu:focus-within, /* remove this to make it work in Edge */
                              button[aria-expanded="true"] ~ #menu {
                              -webkit-transform: translateX(0);
                              transform: translateX(0);
                              }

                              Is this the correct behavior?

                              Please see this demonstration:
                              https://codepen.io/anon/pen/QxOorG

                              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…)
                                2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                              • Support Media Queries level 4 syntax improvements

                                CSS Media Quries Level 4 bring in a bunch of syntactic improvements. They make media queries much more readable and maintainable.

                                https://drafts.csswg.org/mediaqueries-4/#mq-syntax

                                Here's an example:

                                Before:

                                @media (min-width: 20em), not all and (min-height: 40em) {
                                @media not all and (pointer: none) {

                                }
                                }

                                After:

                                @media ((width >= 20em) or (height < 40em)) and (pointer) {

                                }

                                106 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 →
                                • Implement CSS 'overscroll-behavior'

                                  Consider implementing the new CSS overscroll-behavior property.

                                  ## Specification
                                  This feature specification is being incubated in WICG:
                                  https://wicg.github.io/overscroll-behavior/

                                  Additional background on this feature may be found here:
                                  https://github.com/w3c/csswg-drafts/issues/769

                                  ## Summary
                                  CSS overscroll-behavior standardizes a supercharged version of "-ms-scroll-chaining". It allows developers to determine the browser's behavior once a scroller has reached its full extent.
                                  The unused delta can be propagated to the parent causing scroll chaining, create a glow/bounce effect without chaining, or just get consumed silently. In particular when used on viewport defining element, it controls if overscroll can be used for navigation actions such as pull-to-refresh or swipe…

                                  125 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 paint-order for HTML text

                                    Firefox Nightly now supports paint-order for HTML text:
                                    https://twitter.com/TobiReif/status/966711161390497792

                                    14 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 →
                                    • Eyedropper

                                      Mozilla Firefox and Google Chrome have a native eyedropper to capture screen colors just by "clicking on them." The result can be chosen as "RGB", "RGBA" or a simple color code. I have not found any similar solution for Edge even in extensions and I really need this feature.

                                      3 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 →
                                      • mak a 3d printer thet cen mak food for me an my famili

                                        we dont hav mani food in our villeg,so we ned a food supplie

                                        8 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 →
                                        • Ftp

                                          Idea you have my utmost diversion.

                                          1 vote
                                          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 →
                                          ← Previous 1 3 4 5 6
                                          • Don't see your idea?

                                          Microsoft Edge Developer

                                          Feedback and Knowledge Base