+1 -1

package.json

reviewed

··· 88 88 "@bsky.app/expo-image-crop-tool": "^0.5.0", 89 89 "@bsky.app/expo-translate-text": "^0.2.9", 90 90 "@bsky.app/react-native-mmkv": "2.12.5", 91 91 - "@bsky.app/sift": "^0.3.1", 91 91 + "@bsky.app/sift": "^0.3.2", 92 92 "@bsky.app/tapper": "^0.5.0", 93 93 "@discord/bottom-sheet": "bluesky-social/react-native-bottom-sheet", 94 94 "@emoji-mart/data": "^1.2.1",

+11 -5

src/components/Composer/index.tsx

reviewed

··· 8 8 useAnimatedStyle, 9 9 useSharedValue, 10 10 } from 'react-native-reanimated' 11 11 - import {useSafeAreaInsets} from 'react-native-safe-area-context' 12 11 import {useSift, type UseSiftReturn} from '@bsky.app/sift' 13 12 import { 14 13 facets, ··· 121 120 ...rest 122 121 }: ComposerProps) { 123 122 const {theme: t, fonts} = useAlf() 124 124 - const insets = useSafeAreaInsets() 125 123 126 124 /* 127 125 * Meat and potatoes ··· 140 138 offset: a.p_sm.padding, 141 139 placement: autocompletePlacement, 142 140 dynamicWidth: IS_WEB, 143 143 - insets, 144 141 }) 145 142 146 143 /* ··· 306 303 {IS_WEB && ( 307 304 <View 308 305 pointerEvents="none" 309 309 - style={[a.absolute, a.inset_0, a.z_10, {overflow: 'hidden'}]}> 306 306 + style={[a.absolute, a.inset_0, a.z_10, {overflow: 'hidden'}]} 307 307 + ref={node => { 308 308 + if (IS_WEB && node) { 309 309 + // @ts-ignore web only a11y 310 310 + node.setAttribute('inert', '') 311 311 + } 312 312 + }}> 310 313 <Animated.View 311 314 style={[ 312 315 contentPaddingStyle, ··· 368 371 369 372 {activeFacet && activeFacet.type !== 'url' && ( 370 373 <AutocompleteInner 374 374 + inverted={autocompletePlacement?.startsWith('top')} 371 375 sift={sift} 372 376 activeFacet={activeFacet} 373 377 onDismiss={() => setActiveFacet(null)} ··· 382 386 */ 383 387 384 388 function AutocompleteInner({ 389 389 + inverted, 385 390 sift, 386 391 activeFacet, 387 392 onDismiss, 388 393 }: { 394 394 + inverted?: boolean 389 395 sift: UseSiftReturn 390 396 activeFacet: TapperActiveFacet 391 397 onDismiss: () => void ··· 410 416 411 417 return items && items.length ? ( 412 418 <AutocompleteBase 413 413 - inverted={!IS_WEB} 419 419 + inverted={inverted} 414 420 sift={sift} 415 421 data={items} 416 422 render={props => {

+4 -4

yarn.lock

reviewed

··· 2411 2411 resolved "https://registry.yarnpkg.com/@bsky.app/react-native-mmkv/-/react-native-mmkv-2.12.5.tgz#eb17d31a6158c74393f617a1763ac223ff3f83a6" 2412 2412 integrity sha512-3vUz1nQY1DiKIPAWRkpp5ZGxH5f2G6Ui0UuQuEYjYv81xx1qFcSzS9KQ2sHcOKYdkOM9amWV2Q8TQCxt1lrAHg== 2413 2413 2414 2414 - "@bsky.app/sift@^0.3.1": 2415 2415 - version "0.3.1" 2416 2416 - resolved "https://registry.yarnpkg.com/@bsky.app/sift/-/sift-0.3.1.tgz#f529832001bcd64950c214e85aec055a1f2edcdb" 2417 2417 - integrity sha512-jG9GDh0Yh4vBM98BP4HvBp8VBqnt+280tFx9Gh/bWYtZdiN1xfrTkqWqRkvxyujgpXlyoemREUn+7dGs8Bl60A== 2414 2414 + "@bsky.app/sift@^0.3.2": 2415 2415 + version "0.3.2" 2416 2416 + resolved "https://registry.yarnpkg.com/@bsky.app/sift/-/sift-0.3.2.tgz#04122bf665fad3a7eb90e1d689028ec9a209c56f" 2417 2417 + integrity sha512-u48gzcA5QNkvfWzH+gnouXxLulrgA6yIc7NwSBnEZt9XwZfClLfvEDjRk/VxU4AJlEwQRhY2ZC593H0oo+5/bQ== 2418 2418 2419 2419 "@bsky.app/tapper@^0.5.0": 2420 2420 version "0.5.0"