2027 Web Platform Feature Ranking

Ranked proposals (top = most important)

1. CSS flex-⁠wrap: balance

   Distributes items in a multi-line flex container so each line has about the same number of items.
2. CSS grid lanes (masonry)

   display: grid-⁠lanes creates a layout where items are tightly packed into parallel lanes.
3. Web app installation via <install> and navigator.install()

   Prompts the user to install a progressive web app.
4. Web app manifest share_target

   Allows an installed web app to appear in the device's share dialog as a target for shared content.
5. Improve interoperability of pointer events on touch devices
6. Promises from programmatic scroll methods

   scroll(), scrollTo(), scrollBy(), and scrollIntoView() return promises that resolve when scrolling completes.
7. HTML focusgroup attribute

   Combines descendant elements into a single tab stop, with arrow-key navigation between them.
8. WebVTT

   WebVTT files are loaded using the <track> element, and the VTTCue API can be used to create or update cues dynamically.
9. Connection-⁠Allowlist header

   Limits which origins a page may connect to using fetch and other APIs.
10. Allow CSS transitioning/animating display and content-⁠visibility

    Useful for delaying display: none until an exit animation completes.
11. Improve CSS sibling-⁠count() and sibling-⁠index() functions interop.

    Fix remaining test failures.
12. CSS margin-⁠trim

    Removes the margins of child elements when they meet the edges of the container.
13. CSS line-⁠clamp property

    Limits the text in a block container to a certain number of lines. Also allows custom end text if content overflow occurs.
14. CSS filter(image, ...filters)

    Takes an image and a filter, and returns a new image.