Autoprefixer 8.1 brings overscroll-behavior and better Grid support.
Overscroll Behavior
@Malvoz suggested the great idea to polyfill overscroll-behavior for IE 11 and Edge by -ms-scroll-chaining.
.none {
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.contain {
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.auto {
-ms-scroll-chaining: chained;
overscroll-behavior: auto;
}Note, that overscroll-behavior-x and overscroll-behavior-y are not supported since -ms- property doesn’t have this freedom.
Better Grid Layout
@evgeny-petukhov continues his amazing work and now Autoprefixer polyfills Grid Layout for IE in more cases.
He added grid-template shortcut support and improve support of grid-column-end and grid-row-end.
Grid properties were fixed in @supports. We recommend:
- To select modern Grid browsers and IE 11:
@supports (display: grid). - To select only Grid browsers without IE 11:
@supports (grid-gap: 0).
Note, that you need grid: true option to Autoprefixer to add -ms- prefixes for Grid Layout.