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.

  • Hot ideas
  • Top ideas
  • New ideas
  • My feedback
  1. 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

    7 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  2. 78 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  3. 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.

    4,219 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    226 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  4. 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)…

    2,231 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    28 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  5. Implement caret-color support

    "caret-color" has just been implemented on Chromium and Firefox. It'd be really nice if Edge can support it too.

    The spec is CR: https://www.w3.org/TR/css-ui-3/#caret-color

    And there are already 21 tests on the W3C csswg-test repo: http://test.csswg.org/shepherd/search/testcase/spec/css-ui-3/section/6.2.1/

    110 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    3 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  6. 972 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  7. Support pseudo elements in <input>

    This feature would add support for ::before and ::after pseudo elements in <input> elements. Chrome, Opera, and Safari already support using pseudo elements to embellish inputs without the need for JavaScript and extra divs.

    86 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  8. Case-insensitive attribute selector (i flag)

    The `i` flag is defined in the CSS Selectors module [1] and is supported by all the other major browser engines.

    Demo: https://jsbin.com/sonubug/edit?html,css,output

    [1]: https://drafts.csswg.org/selectors/#attribute-case

    58 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  9. background-blend-mode

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

    2,098 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    41 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  10. Implement sideways-rl and sideways-lr values for CSS Writing Modes.

    The Writing Mode property has been implemented and updated in the current version of Edge, but it only includes the values of horizontal-tb, vertical-lr and vertical-rl. Two more values provide an easier way for authors to typeset text in a sideways orientation. They are currently implemented in Firefox (since Sept 2015).

    https://www.w3.org/TR/css-writing-modes-3/#valdef-writing-mode-sideways-rl

    40 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  11. 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

    318 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  12. 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

    106 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  13. 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)

    2,039 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    59 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  14. :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,444 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    8 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  15. 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.

    2,019 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    10 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  16. 38 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  17. 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

    899 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    21 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  18. 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/

    84 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  19. 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).

    829 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  20. 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…

    800 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    6 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  • Don't see your idea?

Feedback and Knowledge Base