laurenashpole/vue-inner-image-zoom

Crops image if max height is set

Closed this issue · 1 comments

Issue

Crops the image if I set a max height to the component and the image height goes beyond the max height.

Expected

I expected the image to resize itself to the max height.

Steps

I am able to replicate it with a simple max height style change on the component itself:

<inner-image-zoom src="https://placekitten.com/500/900" style="max-height: 200px"/>

Vs what I expect:

<img src="https://placekitten.com/500/900" style="max-height: 200px"/>

Hey @dunhamjared. That's the expected behavior if you set a max-height on an image container. If you want to set a max-height on the image itself, you can apply styling using the class iiz__img.