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. image-orientation

    Add support for image-orientation:from-image. This will allow photos captured on Windows 10 Mobile devices to be displayed with the correct orientation.

    To demonstrate the issue, see: https://social.msdn.microsoft.com/Forums/Windowsapps/en-US/78294ed7-7258-4ef2-b90c-2de237f93ba1/uwpxamlhmtl-webview-displaying-captured-photos-with-incorrect-orientation-on-windows-10-mobile?forum=wpdevelop

    20 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

      Scoped Styles via @scope

      @scope at-rule to apply a block of rules only within a subtree of the document. The cascade would prioritize scoped rules above unscoped ones, regardless of specificity.

      https://drafts.csswg.org/css-scoping/

      (This is similar to scoped styles in this post: https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6508310-scoped-styles -- but the newer revision of the draft uses an at-rule rather than the HTML `scoped` attribute)

      194 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 →
      • Ability to style select options.

        Ability to style select options. e.g. I'd like to layout options horizontally instead of vertically (e.g. toggle button style for Yes/No, Male/Female, etc.).

        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…)
          1 comment  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
        • 24 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 →
          • vector-effect

            Support vector-effect for SVG elements. vector-effect: non-scaling-stroke would allow strokes to keep the same width as the SVG scales as a whole. https://www.w3.org/TR/SVGTiny12/painting.html#VectorEffectProperty

            88 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 :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,390 votes
              Vote
              Sign in
              Check!
              (thinking…)
              Reset
              or sign in with
              • facebook
              • google
                Password icon
                Signed in as (Sign out)
                You have left! (?) (thinking…)
                19 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
              • 749 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 →
                • Automatic links (like for detected phone numbers) need to be stylable

                  Currently the links Edge creates for automatically detected phone numbers cannot be styled as far as I know. This means they look bad and out-of-place in websites, and many site owners would opt to disabling the feature on their site altogether which would hurt users.

                  I guess that this issue exists due to the fact that Edge doesn't change the DOM when creating these links, so they aren't matched by CSS "a" selectors (which works on iOS, as far as I know). I see two possible solutions:

                  a) Infer link styles from the containing element, so the automatic links look…

                  17 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 →
                  • 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.

                    2,792 votes
                    Vote
                    Sign in
                    Check!
                    (thinking…)
                    Reset
                    or sign in with
                    • facebook
                    • google
                      Password icon
                      Signed in as (Sign out)
                      You have left! (?) (thinking…)
                      150 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                    • Support CSS Animation and Transition for SVG Properties on SVG Elements

                      Support CSS Animations and Transitions for SVG Properties on SVG Elements like:
                      stroke-dashoffset, stroke-dasharray, fill, stroke and so on.

                      Example Animation CSS that should work:

                      .svg {
                      animation:svg-animation 1.5s ease-in-out infinite;
                      }

                      @-webkit-keyframes svg-animation {
                      0% {
                      stroke-dasharray: 1, 50;
                      stroke-dashoffset: 0;
                      }
                      100% {
                      stroke-dasharray: 50, 150;
                      stroke-dashoffset: -100;
                      }
                      }

                      Currently this example is working in all browsers except in Edge.
                      I am not really sure if this is feature is SMIL, but since the animations are declared in CSS this shouldnt be really SMIL.

                      Would be nice to get some feedback.

                      Best regards,
                      Rene

                      294 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 →
                      • 35 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 →
                        • 7 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 for text-spacing as in CSS Text Module Level 4

                            Spec URL: https://drafts.csswg.org/css-text-4/#text-spacing-property

                            > This property controls the spacing between adjacent characters on the same line within the same inline formatting context using a set of character-class-based rules.

                            This property is important for CJK typography:

                            1. It controls the spacing between CJK characters and other characters, which is required by CJK typography.

                            In the past content creators have to insert spaces manually. Such a practice often creates inconsistency across pages (not everyone is used to typing spaces between letters and characters). Moreover, due to the web page’s font fallback rule, the width of a space character is hard to control.…

                            67 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 Paged Media Module Level 3

                              Add support for the paged media module, which will allow web sites and applications to have full control over print headers and footers among other things.

                              Spec: https://www.w3.org/TR/css3-page/

                              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…)
                                4 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                              • Implement CSS-Containment

                                CSS Containment allows widgets to be isolated at various levels from the rest of the page.

                                https://drafts.csswg.org/css-containment-3/

                                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…)
                                  2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                • Add support to modifications in color

                                  like this : https://drafts.csswg.org/css-color/#modifying-colors

                                  ```css
                                  .style-ish {
                                  background-color: color(black a(70%));
                                  }
                                  ```

                                  or more complex like this

                                  ```css
                                  :root {
                                  --main : dodgerblue;
                                  --secondary: #333;
                                  }

                                  .style-me {
                                  background: linear-gradient(var(--main), color( var(--secondary) alpha(.2) blackness(.8)));
                                  }
                                  ```

                                  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 →
                                  • 59 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 →
                                    • 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…)
                                        1 comment  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
                                      • filter url

                                        CSS Filters.

                                        Enable support for filter: url(); so that one can use SVG filters in CSS. Right now a cross browser solution for blurring is tricky since filter:blur(); is not performant enough on many browsers, so an SVG filter is a must.

                                        In one case of mine, I have to use a data-url in url() since the router in Backbone does not work correctly in Firefox. So I need to have this:
                                        filter: url(#blur);
                                        filter: url(data:image/svg+xml;base64,/*base64*/#blur);

                                        Adding filter: blur(); before these as a fallback (in hope that Edge will apply that style), does not work. It does work when filter:…

                                        20 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 →
                                        • 61 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