# \[Bug-15287\]Images crops vertically if smaller than 16px

**URL:** <https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394>\
**Category:** Ignition Early Access\
**Created:** [October 25, 2019, 1:02pm UTC](https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394 "2019-10-25T13:02:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [October 25, 2019, 1:02pm UTC](https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394/1 "2019-10-25T13:02:25Z")

</div>

I have a small image on a perspective view. When I embedded that view on another view at a reduced size my image disappeared. I played around and realized that the image gets clipped if you reduce it’s vertical size below 16px.

I added an .png file the the Image Manager and on a new view added a image with the correct path.  
In the designer you can just adjust the size of the image and see the clipping occur.  
I don’t think I’m doing anything wrong because it doesn’t seem to clip horizontally.  
Any thoughts??

Height = 33  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/3/3c86462af43052504b21cfe756aee3577347bfd1.png)  
Height = 11  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c562851e2513de6707aa9594e5ae5dc4d2f92359.png)  
Height = 9  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/0c2f4b3d78e32749b7b8e02545821b3e6922813d.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 25, 2019, 3:47pm UTC](https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394/2 "2019-10-25T15:47:24Z")

</div>

Sure enough, at heights of less than 16px I was able to replicate your issue. You’re not doing anything wrong - it’s a bug - although after looking at the code I don’t wee where our issue lies. I’ll open a ticket for this right now.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [October 25, 2019, 3:55pm UTC](https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394/3 "2019-10-25T15:55:12Z")

</div>

Look at the whitespace above the point of the star at height 11. I suggest checking the computation of the origin of the scaling transform.

---

<div class="post-metadata">

**Author:** ![osolorzano](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/osolorzano/32/6432_2.png) [@osolorzano](https://forum.inductiveautomation.com/u/osolorzano)\
**Post date:** [October 25, 2019, 5:09pm UTC](https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394/4 "2019-10-25T17:09:20Z")

</div>

FWIW I noticed that it happens to do with the display class value of either the image or wrapper div for the image component. You _may_ be able to work around this by going to the image component in the designer and adding a style property called display with a value flex (ie. `display:flex`)

---

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [October 28, 2019, 1:15pm UTC](https://forum.inductiveautomation.com/t/bug-15287-images-crops-vertically-if-smaller-than-16px/29394/5 "2019-10-28T13:15:45Z")

</div>

Thanks for taking a look at this.

The ‘display:flex’ style property is working. Thank you.