autoprefixer: Remove incorrect warning: end value has mixed support, consider using flex-end instead

Autoprefixer (or browserify) suggest that:

start and flex-start
end and flex-end are the same values where actually properties like: justify-content, align-self are used in Grid layout as well.

They won’t work the same way when you convert them to ‘flex-end’ and they will, in fact, break layout.

From MDN:

The align-self CSS property overrides a grid or flex item’s align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.

What’s the reason of this warning and how to fix it?

About this issue

Original URL
State: closed
Created a year ago
Reactions: 10
Comments: 17 (8 by maintainers)

Most upvoted comments

I think after 10.4.19 - https://github.com/postcss/autoprefixer/releases/tag/10.4.19, this issue can be closed

Teamop on Mar 27, 2024

Is there an option at least to remove this warning?

Write custom PostCSS plugin which will clean result.messages

ai on Sep 28, 2023

@dreyks yes. We can add some MDN pages to caniuse-db. Send PR like you have this data.

ai on Sep 12, 2023

Even if this property has mixed support, should this behavior follow the definitions in browserslist? So, if the property is consistently supported across declared browser versions range, the warning won’t be printed?

just-boris on Jul 3, 2023

Can you in this case just use flex-end? We can make warning smarter, but anyway it is not auto-fix, you need to think before adding changes.

ai on Apr 29, 2023