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. 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 →
  2. CSS Masking

    Allows hiding of portions of a visible elements.

    Spec: https://dvcs.w3.org/hg/FXTF/raw-file/tip/css-masking-1/index.html

    2,383 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    37 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  3. 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 →
  4. 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 →
  5. 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 →
  6. 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 →
  7. Implement CSS `display: flow-root` (modern clearfix)

    `display: flow-root` is a modern way to force a block to be a formatting context that floated elements are contained in (aka clearfix).

    From the spec [1]:

    > The element generates a block container box, and lays out its contents using flow layout. It always establishes a new block formatting context for its contents.

    Tab Atkins and Elika Etemad (fantasai) from CSSWG consider the feature stable enough to be implemented [2].

    [1] https://drafts.csswg.org/css-display-3/#valdef-display-flow-root
    [2] https://discourse.wicg.io/t/1835/6

    2,017 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    27 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  8. 1,974 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    49 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  9. 1,525 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    7 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  10. Shapes

    Define arbitrary shapes inside and around which inline content can flow.

    http://dev.w3.org/csswg/css-shapes/

    1,511 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 →
  11. :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 →
  12. Box Alignment

    CSS properties for aligning boxes within their container. Allows for true vertical centering among other features.

    http://dev.w3.org/csswg/css3-align/

    1,396 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 →
  13. 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,333 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    22 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  14. CSS "Will Change"

    Adds a will-change CSS property, that can be used to signal that a particular property is likely to be changed in the future, or that an element's content is likely to change.

    Proposal: http://tabatkins.github.io/specs/css-will-change/

    1,083 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    11 comments  ·  CSS  ·  Flag idea as inappropriate…  ·  Admin →
  15. CSS Intrinsic Sizing

    Extends the CSS sizing properties with keywords that represent content-based "intrinsic" sizes and context-based "extrinsic" sizes, allowing CSS to more easily describe boxes that fit their content or fit into a particular layout context.

    http://dev.w3.org/csswg/css3-sizing/

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

    Supported by Firefox and Chrome and gives the developer more control over CSS cascading. This would be helpful when when writing components that get inserted in other environments.

    Preferably both property: initial and all: initial would be supported.

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

Feedback and Knowledge Base