acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Improve a11y on ios

Browse Source
This commit is contained in:
Eric Bailey
2024-03-04 11:12:11 -06:00
parent b70c404d4b
commit c9d1cadf0a
1 changed files with 37 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dialog/index.tsx
+37 -32
View File
@@ -146,38 +146,43 @@ export function Outer({
return ( return (
isOpen && ( isOpen && (
<Portal> <Portal>
<BottomSheet <View
enableDynamicSizing={!hasSnapPoints} accessibilityViewIsModal
enablePanDownToClose style={[a.absolute, a.inset_0]}
keyboardBehavior="interactive" importantForAccessibility="yes">
android_keyboardInputMode="adjustResize" <BottomSheet
keyboardBlurBehavior="restore" enableDynamicSizing={!hasSnapPoints}
topInset={insets.top} enablePanDownToClose
{...sheetOptions} keyboardBehavior="interactive"
snapPoints={sheetOptions.snapPoints || ['100%']} android_keyboardInputMode="adjustResize"
ref={sheet} keyboardBlurBehavior="restore"
index={openIndex} topInset={insets.top}
backgroundStyle={{backgroundColor: 'transparent'}} {...sheetOptions}
backdropComponent={Backdrop} snapPoints={sheetOptions.snapPoints || ['100%']}
handleIndicatorStyle={{backgroundColor: t.palette.primary_500}} ref={sheet}
handleStyle={{display: 'none'}} index={openIndex}
onChange={onChange}> backgroundStyle={{backgroundColor: 'transparent'}}
<Context.Provider value={context}> backdropComponent={Backdrop}
<View handleIndicatorStyle={{backgroundColor: t.palette.primary_500}}
style={[ handleStyle={{display: 'none'}}
a.absolute, onChange={onChange}>
a.inset_0, <Context.Provider value={context}>
t.atoms.bg, <View
{ style={[
borderTopLeftRadius: 40, a.absolute,
borderTopRightRadius: 40, a.inset_0,
height: Dimensions.get('window').height * 2, t.atoms.bg,
}, {
]} borderTopLeftRadius: 40,
/> borderTopRightRadius: 40,
{children} height: Dimensions.get('window').height * 2,
</Context.Provider> },
</BottomSheet> ]}
/>
{children}
</Context.Provider>
</BottomSheet>
</View>
</Portal> </Portal>
) )
) )