fix(*): components are not down sizing on orientation change

garthenweb · garthenweb · commit 5a4512f4933f · 2018-09-23T15:43:04.000+02:00
This change requires the next version of react-viewport-utils
to be in place because it implements the dimensions.clientWidth
property.
diff --git a/lib/StickyPlaceholder.tsx b/lib/StickyPlaceholder.tsx
@@ -44,7 +44,8 @@ class StickyPlaceholder extends React.Component<IProps, IState> {
   }
 
   static getDerivedStateFromProps(props: IProps, state: IState): IState | null {
-    const nextClientSize = `${props.dimensions.width}`;
+    const { width, clientWidth } = props.dimensions;
+    const nextClientSize = `width:${width},clientWidth:${clientWidth}`;
     if (state.isRecalculating) {
       const stickyRect = props.stickyRef.current.getBoundingClientRect();
       return {

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,8 @@ class StickyPlaceholder extends React.Component<IProps, IState> {`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`static getDerivedStateFromProps(props: IProps, state: IState): IState \| null {`
`47`		- const nextClientSize = `${props.dimensions.width}`;
	`47`	`+ const { width, clientWidth } = props.dimensions;`
	`48`	+ const nextClientSize = `width:${width},clientWidth:${clientWidth}`;
`48`	`49`	`if (state.isRecalculating) {`
`49`	`50`	`const stickyRect = props.stickyRef.current.getBoundingClientRect();`
`50`	`51`	`return {`