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

ItemAutosize in website/safari browsers do not work as expected. #543

Closed
vagarthgaurav opened this issue Apr 26, 2023 · 1 comment · Fixed by #583
Closed

ItemAutosize in website/safari browsers do not work as expected. #543

vagarthgaurav opened this issue Apr 26, 2023 · 1 comment · Fixed by #583
Labels

Comments

@vagarthgaurav
Copy link

What is the expected behavior?

The gallery to show images in carousel without any space between images i.e., each item takes the width of the image while using itemAutosize in all browser.

What is the current behavior?

On chorme and firefox itemAutosize behaves as expected. In Webkit/safari browsers the behaviour is different. The images do not appear next to each other. The items are not sized to the image widths.

What are the steps to reproduce?

View in safari browser on mac or epiphany browser in linux.

https://stackblitz.com/edit/angular-xm877d?file=src/app/news-page/news-page.component.html

https://angular-xm877d.stackblitz.io/

Which versions are you using for the following packages?

Angular: 15.2.1
Angular CDK: 15.2.1
Angular CLI: 15.2.1
Typescript: 4.8.0
Gallery: 8.0.2

@malte-behrendt-gr
Copy link

This different behavior is also visible on https://ngx-gallery.netlify.app/#/lab when playing around with "item autosize", image size "cover", ...

@MurhafSousli MurhafSousli linked a pull request Dec 22, 2023 that will close this issue
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 a pull request may close this issue.

3 participants