fix: #2391 Browse app page scrolling is disabled when not over app li…

…st (#2409)
reapit · Aug 20, 2020 · 9fdbcc5 · 9fdbcc5
1 parent a93af48
commit 9fdbcc5
Show file tree

Hide file tree

Showing 15 changed files with 654 additions and 1,239 deletions.
diff --git a/packages/elements/src/components/Layout/index.tsx b/packages/elements/src/components/Layout/index.tsx
@@ -2,6 +2,7 @@ import * as React from 'react'
 import { cx } from 'linaria'
 
 export interface LayoutProps {
+  id?: string
   className?: string
   dataTest?: string
 }
@@ -76,8 +77,10 @@ export const FlexContainerBasic: React.FC<FlexContainerProps> = ({
   hasBackground = false,
   isFullHeight = false,
   className,
+  id,
 }) => (
   <div
+    id={id}
     className={cx(
       'container-flex',
       isFullHeight && 'is-full-height',

diff --git a/packages/elements/src/styles/base/utilities.scss b/packages/elements/src/styles/base/utilities.scss
@@ -144,3 +144,7 @@ $units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
 .ml-auto {
   margin-left: auto;
 }
+
+.overflow-hidden {
+  overflow: hidden;
+}
diff --git a/packages/marketplace/package.json b/packages/marketplace/package.json
@@ -25,18 +25,18 @@
     "prepublish": "npm run snyk-protect"
   },
   "dependencies": {
+    "@reapit/connect-session": "1.0.0-alpha.1",
     "@reapit/elements": "^0.5.60",
     "@reapit/utils": "^0.0.1",
     "chart.js": "^2.9.3",
     "diff": "^4.0.1",
     "lodash.isequal": "^4.5.0",
     "lodash.orderby": "^4.6.0",
     "react-chartjs-2": "^2.8.0",
-    "react-infinite-scroller": "^1.2.4",
+    "react-infinite-scroll-component": "^5.0.5",
     "react-responsive": "8.1.0",
     "react-transition-group": "^4.4.1",
-    "snyk": "^1.341.1",
-    "@reapit/connect-session": "1.0.0-alpha.1"
+    "snyk": "^1.341.1"
   },
   "devDependencies": {
     "@reapit/foundations-ts-definitions": "0.0.86",