Add width/maxwidth to fix flexbox lazy loading

timneutkens · timneutkens · commit 1ab98484d542 · 2020-10-22T11:57:59.000+02:00
diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx
@@ -228,6 +228,8 @@ export default function Image({
     divStyle = {
       position: 'relative',
       paddingBottom: `${ratio}%`,
+      maxWidth: '100%',
+      width,
     }
     imgStyle = {
       height: '100%',

Original file line number	Diff line number	Diff line change
`@@ -228,6 +228,8 @@ export default function Image({`
`228`	`228`	`divStyle = {`
`229`	`229`	`position: 'relative',`
`230`	`230`	paddingBottom: `${ratio}%`,
	`231`	`+ maxWidth: '100%',`
	`232`	`+ width,`
`231`	`233`	`}`
`232`	`234`	`imgStyle = {`
`233`	`235`	`height: '100%',`