fix: overflow handling in polls

100mslive · Jan 24, 2024 · 80e3ef3 · 80e3ef3 · vercel · Jan 24, 2024
1 parent eb7ec3f
commit 80e3ef3
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx b/packages/roomkit-react/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
@@ -136,7 +136,9 @@ export const QuestionCard = ({
         </Box>
       </Flex>
 
-      <Box css={{ maxHeight: showOptions ? '$80' : '0', transition: 'max-height 0.3s ease', overflowY: 'hidden' }}>
+      <Box
+        css={{ maxHeight: showOptions ? '$80' : '0', transition: 'max-height 0.3s ease', overflowY: 'auto', mb: '$4' }}
+      >
         {type === QUESTION_TYPE.SINGLE_CHOICE ? (
           <SingleChoiceOptions
             key={index}
@@ -169,19 +171,18 @@ export const QuestionCard = ({
             isStopped={pollState === 'stopped'}
           />
         ) : null}
-
-        {isLive && (
-          <QuestionActions
-            isValidVote={isValidVote}
-            onVote={handleVote}
-            response={localPeerResponse}
-            isQuiz={isQuiz}
-            incrementIndex={() => {
-              setCurrentIndex(curr => Math.min(totalQuestions, curr + 1));
-            }}
-          />
-        )}
       </Box>
+      {isLive && (
+        <QuestionActions
+          isValidVote={isValidVote}
+          onVote={handleVote}
+          response={localPeerResponse}
+          isQuiz={isQuiz}
+          incrementIndex={() => {
+            setCurrentIndex(curr => Math.min(totalQuestions, curr + 1));
+          }}
+        />
+      )}
     </Box>
   );
 };