fix: allow content to be accessible #619

gorhom · Sep 2, 2021 · f1baf0e · f1baf0e
1 parent dcf89a7
commit f1baf0e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/components/bottomSheet/BottomSheet.tsx b/src/components/bottomSheet/BottomSheet.tsx
@@ -1554,12 +1554,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
               bottomInset={bottomInset}
               detached={detached}
             >
-              <Animated.View
-                accessible={true}
-                accessibilityRole="adjustable"
-                accessibilityLabel="Bottom Sheet"
-                style={containerStyle}
-              >
+              <Animated.View style={containerStyle}>
                 <BottomSheetBackgroundContainer
                   key="BottomSheetBackgroundContainer"
                   animatedIndex={animatedIndex}

diff --git a/src/components/bottomSheetBackground/BottomSheetBackground.tsx b/src/components/bottomSheetBackground/BottomSheetBackground.tsx
@@ -7,7 +7,13 @@ const BottomSheetBackgroundComponent = ({
   pointerEvents,
   style,
 }: BottomSheetBackgroundProps) => (
-  <View pointerEvents={pointerEvents} style={[styles.container, style]} />
+  <View
+    pointerEvents={pointerEvents}
+    accessible={true}
+    accessibilityRole="adjustable"
+    accessibilityLabel="Bottom Sheet"
+    style={[styles.container, style]}
+  />
 );
 
 const BottomSheetBackground = memo(BottomSheetBackgroundComponent);