diff --git a/src/components/metadata/CommentsSection.tsx b/src/components/metadata/CommentsSection.tsx
index d540626e..f0687716 100644
--- a/src/components/metadata/CommentsSection.tsx
+++ b/src/components/metadata/CommentsSection.tsx
@@ -17,7 +17,7 @@ import { TraktContentComment } from '../../services/traktService';
import { logger } from '../../utils/logger';
import { useTraktComments } from '../../hooks/useTraktComments';
import { useSettings } from '../../hooks/useSettings';
-import BottomSheet, { BottomSheetView } from '@gorhom/bottom-sheet';
+import BottomSheet, { BottomSheetView, BottomSheetScrollView } from '@gorhom/bottom-sheet';
const { width } = Dimensions.get('window');
@@ -287,6 +287,9 @@ const ExpandedCommentBottomSheet: React.FC<{
}}
index={-1}
snapPoints={[200, '50%', '90%']}
+ enableDynamicSizing={false}
+ keyboardBehavior="interactive"
+ android_keyboardInputMode="adjustResize"
enablePanDownToClose={true}
animateOnMount={true}
backgroundStyle={{
@@ -298,9 +301,13 @@ const ExpandedCommentBottomSheet: React.FC<{
backgroundColor: theme.colors.mediumEmphasis || '#CCCCCC',
}}
>
-
+
{/* Close Button */}
@@ -361,15 +368,9 @@ const ExpandedCommentBottomSheet: React.FC<{
) : (
-
-
- {comment.comment}
-
-
+
+ {comment.comment}
+
)}
{/* Comment Meta */}
@@ -396,7 +397,7 @@ const ExpandedCommentBottomSheet: React.FC<{
)}
-
+
);
};
@@ -659,7 +660,10 @@ export const CommentBottomSheet: React.FC<{
}
}}
index={sheetIndex}
- snapPoints={[200, '50%']}
+ snapPoints={[200, '50%', '90%']}
+ enableDynamicSizing={false}
+ keyboardBehavior="interactive"
+ android_keyboardInputMode="adjustResize"
enablePanDownToClose={true}
animateOnMount={true}
backgroundStyle={{
@@ -671,9 +675,13 @@ export const CommentBottomSheet: React.FC<{
backgroundColor: theme.colors.mediumEmphasis || '#CCCCCC',
}}
>
-
+
{/* User Info */}
@@ -729,15 +737,9 @@ export const CommentBottomSheet: React.FC<{
) : (
-
-
- {comment.comment}
-
-
+
+ {comment.comment}
+
)}
{/* Comment Meta */}
@@ -764,7 +766,7 @@ export const CommentBottomSheet: React.FC<{
)}
-
+
);
};
@@ -1093,10 +1095,15 @@ const styles = StyleSheet.create({
marginBottom: 16,
},
modalCommentScroll: {
- // Constrain height so only text area scrolls, not the entire modal
- maxHeight: 400,
- marginBottom: 16,
+ // Let the scroll view expand to use available space inside the sheet
+ flex: 1,
+ flexGrow: 1,
flexShrink: 1,
+ minHeight: 0,
+ marginBottom: 16,
+ },
+ modalCommentContent: {
+ paddingBottom: 16,
},
spoilerContainer: {
alignItems: 'center',