Merge pull request #166 from vadymshymko/fix-initial-position

vadymshymko · web-flow · commit c3f460ace6ab · 2023-06-06T19:30:02.000+03:00
Fix initial render inner width
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-simply-carousel",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "description": "A simple, lightweight, fully controlled isomorphic (with SSR support) React.js carousel component. Touch enabled and responsive. With support for autoplay and infinity options. Fully customizable",
   "files": [
     "dist/"
diff --git a/src/index.tsx b/src/index.tsx
@@ -957,7 +957,7 @@ function ReactSimplyCarousel({
           padding: '0',
           overflow: 'hidden',
           maxWidth: innerMaxWidth ? `${innerMaxWidth}px` : undefined,
-          flex: !innerMaxWidth ? `1 0` : undefined,
+          flex: !innerMaxWidth ? `1 0 auto` : undefined,
         }}
         ref={innerRef}
       >

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-simply-carousel",`
`3`		`- "version": "9.0.1",`
	`3`	`+ "version": "9.0.2",`
`4`	`4`	`"description": "A simple, lightweight, fully controlled isomorphic (with SSR support) React.js carousel component. Touch enabled and responsive. With support for autoplay and infinity options. Fully customizable",`
`5`	`5`	`"files": [`
`6`	`6`	`"dist/"`
Original file line number	Diff line number	Diff line change
`@@ -957,7 +957,7 @@ function ReactSimplyCarousel({`
`957`	`957`	`padding: '0',`
`958`	`958`	`overflow: 'hidden',`
`959`	`959`	maxWidth: innerMaxWidth ? `${innerMaxWidth}px` : undefined,
`960`		- flex: !innerMaxWidth ? `1 0` : undefined,
	`960`	+ flex: !innerMaxWidth ? `1 0 auto` : undefined,
`961`	`961`	`}}`
`962`	`962`	`ref={innerRef}`
`963`	`963`	`>`