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

perf(image): use static size styles for safari #576

Merged
merged 1 commit into from
Dec 13, 2023

Conversation

kevinlee11
Copy link
Contributor

Describe the problem this PR addresses

Still trying to narrow down a fix for the Safari scroll issues.

Describe the changes in this PR

Using overrides in Safari, setting a static height/width style on the images after they render seems to solve the perf issue. Tested on a photo layout site to ensure the images resize properly switching between desktop/mobile. Will only enable this prop for Safari.

@kevinlee11 kevinlee11 requested a review from a team as a code owner December 13, 2023 15:55
Copy link
Contributor

@mattmewton mattmewton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks promising! 🤞

Copy link

Deployed Styleguide and Lab.

Notes
  1. Links may take a few minutes to update after PR is opened or commit is pushed.
  2. Links may become invalidated after PR is merged or closed.
  3. Links for all releases and open PRs can be found on the Maker Deploys page.

@kevinlee11 kevinlee11 merged commit f367505 into master Dec 13, 2023
4 checks passed
@kevinlee11 kevinlee11 deleted the safari-image-static branch December 13, 2023 16:02
Copy link

🎉 This PR is included in version 19.6.8 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants