Fixed UserInfo page dropdown menu clipping

This commit is contained in:
Keannu Bernasol 2023-10-13 12:21:40 +08:00
parent 963eaef628
commit e54fe893a0

View file

@ -350,7 +350,7 @@ export default function UserInfoPage() {
</View> </View>
<View style={{ flex: 3 }}> <View style={{ flex: 3 }}>
<DropDownPicker <DropDownPicker
zIndex={4000} zIndex={1000}
open={yearLevelOpen} open={yearLevelOpen}
value={selected_yearlevel} value={selected_yearlevel}
items={year_levels} items={year_levels}
@ -372,7 +372,7 @@ export default function UserInfoPage() {
}} }}
dropDownContainerStyle={{ dropDownContainerStyle={{
backgroundColor: colors.primary_2, backgroundColor: colors.primary_2,
zIndex: 4000, zIndex: 1000,
borderWidth: 0, borderWidth: 0,
}} }}
dropDownDirection="TOP" dropDownDirection="TOP"
@ -385,7 +385,7 @@ export default function UserInfoPage() {
</View> </View>
<View style={{ flex: 3 }}> <View style={{ flex: 3 }}>
<DropDownPicker <DropDownPicker
zIndex={3000} zIndex={2000}
open={semesterOpen} open={semesterOpen}
value={selected_semester} value={selected_semester}
items={semesters} items={semesters}
@ -407,7 +407,7 @@ export default function UserInfoPage() {
}} }}
dropDownContainerStyle={{ dropDownContainerStyle={{
backgroundColor: colors.primary_2, backgroundColor: colors.primary_2,
zIndex: 3000, zIndex: 2000,
borderWidth: 0, borderWidth: 0,
}} }}
dropDownDirection="TOP" dropDownDirection="TOP"
@ -420,7 +420,7 @@ export default function UserInfoPage() {
</View> </View>
<View style={{ flex: 3 }}> <View style={{ flex: 3 }}>
<DropDownPicker <DropDownPicker
zIndex={2000} zIndex={3000}
open={courseOpen} open={courseOpen}
value={selected_course} value={selected_course}
items={courses} items={courses}
@ -442,7 +442,7 @@ export default function UserInfoPage() {
}} }}
dropDownContainerStyle={{ dropDownContainerStyle={{
backgroundColor: colors.primary_2, backgroundColor: colors.primary_2,
zIndex: 2000, zIndex: 3000,
borderWidth: 0, borderWidth: 0,
}} }}
dropDownDirection="TOP" dropDownDirection="TOP"