Image container is bigger than image

OS: macOS

React-pdf version: 1.1.1

Description: Image in portrait format (ratio < 1) with a maxWidth style are centered in a container of that width.

For example, if we have an image which is 300x400 and we style it with { maxWidth: 250, maxHeight: 250 }, then the container’s width will be larger than the image itself, like so :

How to replicate issue including code snippet (if applies):

<Image
  style={{
    maxWidth: 250,
    maxHeight: 250,
  }}
  src={url}
/>

[maxaggedon]

Hey @diegomura ! It took me a lot of time to get back to you on this, sorry. It works fine with alignItems: "flex-start". Thanks again !

[diegomura]

Btw, this is the snippet that produced that image:

<PDFViewer style={{ flex: 1 }}>
  <Document>
    <Page style={{ padding: 50, alignItems: 'flex-start' }}>
      <Image src="/test.jpg" style={{ maxHeight: 100, maxWidth: 100  }} debug />
      <Image src="/test2.jpg" style={{ maxHeight: 100, maxWidth: 100  }} debug />
    </Page>
  </Document>
</PDFViewer>

My apologizes if I wasn’t clear enough about the root of this issue. Yoga can be sometimes cryptic to understand 😅