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

The image does not scale when the available width is exceeded #13

Open
sergeymitrichev opened this issue Oct 30, 2019 · 3 comments
Open
Milestone

Comments

@sergeymitrichev
Copy link

Need support for scaling the image when the width of the image is greater than the width of the parent container

Screenshot_2

perhaps the solution is here #6 ?

@douglasg14b
Copy link

Any update on this?

@SeregPie SeregPie added this to the v20.0.0 milestone Jun 18, 2020
@PCes83
Copy link

PCes83 commented Feb 10, 2021

Also interested about update on this
I've spent hours to include this component in my projet by I see it is not mobile friendly

Thanks a lot

@juhasev
Copy link

juhasev commented Apr 7, 2021

This would be great. We use VuetifyImageInput component for client uploaded images. In particise your clients don't know what 900 x 300 px recommended image even means. Out of the box the VuetifyImageInput gives you all the tools to handle resizing, zoom etc.. and get you very close where you need to be! However in real life you are dealing with a dumb users who take photos on their mobile phones and try to use them on 3:1 aspect ratio. The example provided by @sergeymitrichev is a perfect of that. In my case we are targeting 900 x 300 px out of HD 2048x1152 logo. That is 2:1 to 3:1 conversion and that I believe where the problem lies. Cheers.

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

No branches or pull requests

5 participants