PIMS-2136 Filter Scroll (#2728)

bcgov · Oct 21, 2024 · eaf7cdf · eaf7cdf
1 parent 9320dd4
commit eaf7cdf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/react-app/src/components/map/clusterPopup/ClusterPopup.tsx b/react-app/src/components/map/clusterPopup/ClusterPopup.tsx
@@ -148,7 +148,7 @@ const ClusterPopup = (props: ClusterPopupProps) => {
           </IconButton>
         </Grid>
       </Grid>
-      <Box overflow={'scroll'}>
+      <Box sx={{ overflowY: 'scroll' }}>
         {popupState.properties.map((property) => (
           <PropertyRow
             key={`${property.properties.PropertyTypeId === PropertyTypes.BUILDING ? 'Building' : 'Land'}-${property.properties.Id}`}

diff --git a/react-app/src/components/map/controls/FilterControl.tsx b/react-app/src/components/map/controls/FilterControl.tsx
@@ -58,6 +58,8 @@ const FilterControl = (props: FilterControlProps) => {
     <Box
       sx={{
         padding: '1em',
+        overflowY: 'scroll',
+        scrollbarWidth: 'none',
       }}
     >
       <FormProvider {...formMethods}>

diff --git a/react-app/src/components/map/sidebar/MapSidebar.tsx b/react-app/src/components/map/sidebar/MapSidebar.tsx
@@ -134,7 +134,7 @@ const MapSidebar = (props: MapSidebarProps) => {
         </Grid>
 
         {/* List of Properties */}
-        <Box overflow={'scroll'} height={'100%'} display={'flex'} flexDirection={'column'}>
+        <Box height={'100%'} display={'flex'} flexDirection={'column'} sx={{ overflowY: 'scroll' }}>
           {propertiesInBounds
             .slice(pageIndex * propertyPageSize, pageIndex * propertyPageSize + propertyPageSize)
             .map((property) => (