From e47424771fc6863d95675768fc6e2f6ee6efbf42 Mon Sep 17 00:00:00 2001 From: Laux Dev <2201104208@student.buksu.edu.ph> Date: Tue, 3 Mar 2026 10:17:48 +0800 Subject: [PATCH] fixed --- .../src/app/components/select/SelectField.jsx | 20 +++++++++---------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/frontend/src/app/components/select/SelectField.jsx b/frontend/src/app/components/select/SelectField.jsx index d155bc6..72a99c6 100644 --- a/frontend/src/app/components/select/SelectField.jsx +++ b/frontend/src/app/components/select/SelectField.jsx @@ -15,18 +15,16 @@ const SelectField = ({ label, options, ...props }) => { }); useEffect(() => { - if (showOptions && selectRef.current) { - const rect = selectRef.current.getBoundingClientRect(); - const spaceBelow = window.innerHeight - rect.bottom; - const spaceAbove = rect.top; - const dropdownHeight = 150; + if (!showOptions || !selectRef.current) return; - if (spaceBelow < dropdownHeight && spaceAbove > dropdownHeight) { - setDropUp(true); - } else { - setDropUp(false); - } - } + const rect = selectRef.current.getBoundingClientRect(); + + const spaceBelow = window.innerHeight - rect.bottom; + const spaceAbove = rect.top; + + const dropdownHeight = 150; + + setDropUp(spaceBelow < dropdownHeight && spaceAbove > dropdownHeight); }, [showOptions]); return (