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

On iOS 14 the cart image is stretched #1409

Closed
ludoboludo opened this issue Feb 24, 2022 · 3 comments · Fixed by #1410
Closed

On iOS 14 the cart image is stretched #1409

ludoboludo opened this issue Feb 24, 2022 · 3 comments · Fixed by #1410
Labels
Category: Bug Something isn't working

Comments

@ludoboludo
Copy link
Contributor

Describe the current behavior

The image on earlier version of iOS are stretched. Technically, it's a browser version we should be supporting.

Describe the expected behavior

The product image shouldn't be stretching

Version information (Dawn, browsers and operating systems)

  • Dawn Version: 3.0.0
  • iOS 14

Possible solution

Add on the element wrapping the image this styling: align-items: flex-start;

@ludoboludo ludoboludo added the Category: Bug Something isn't working label Feb 24, 2022
@gregjotau
Copy link

Related to this?

respiro-ecommerce/dawn-famme#37

@pa-famme
Copy link

This is how it looks like.
image

@ludoboludo
Copy link
Contributor Author

Yes! Same thing. @gregjotau you can try and add this CSS to .cart-item__image-container:

align-items: flex-start;

From what I had tested locally it seemed to solve the issue. It's something weird with last version of Safari on iPhone.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Category: Bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants