Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove object-fit polyfill for the old Microsoft Edge #22693

Merged
merged 4 commits into from
Jan 5, 2023

Conversation

shuuji3
Copy link
Contributor

@shuuji3 shuuji3 commented Dec 23, 2022

resolves #22546

This PR removes the polyfill of the object-fit CSS property, which was introduced to mitigate Edge limitation about 5 years ago by #4182.

Currently, all modern browsers support CSS3 object-fit property (ref. https://caniuse.com/object-fit) so we don't have to polyfill it anymore.

I removed both packages by running this command:

yarn remove object-fit-images postcss-object-fit-images

You should be able to reproduce the same yarn.lock with this.

Actually, the original polyfill was already archived last month: https://github.com/fregante/object-fit-images.

Before
Screenshot 2022-12-24 at 0 56 16

After
Screenshot 2022-12-24 at 0 56 00

@shuuji3 shuuji3 changed the title Remove object-fit-images and its postcss packages Remove object-fit polyfill for the old Microsoft Edge Dec 23, 2022
@Gargron Gargron merged commit d68c126 into mastodon:main Jan 5, 2023
@shuuji3 shuuji3 deleted the revert-object-fit-image branch January 6, 2023 01:05
nametoolong pushed a commit to nametoolong/nuage that referenced this pull request Jan 12, 2023
* chore: remove object-fit-images and its postcss packages

* chore: update postcss config

* chore: remove object-fit-image from extra_polyfills.js

* chore: remove object-fit property check from load_polyfills.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

font-family: "object-fit:cover";
3 participants