forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Workaround Safari content-visibility bug (#2699)
+4
-1
+4
-1
src/view/com/util/List.web.tsx
+4
-1
src/view/com/util/List.web.tsx
···
300
300
props: ListProps<ItemT> & {ref?: React.Ref<ListMethods>},
301
301
) => React.ReactElement
302
302
303
+
// https://stackoverflow.com/questions/7944460/detect-safari-browser
304
+
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
305
+
303
306
const styles = StyleSheet.create({
304
307
contentContainer: {
305
308
borderLeftWidth: 1,
···
313
316
},
314
317
row: {
315
318
// @ts-ignore web only
316
-
contentVisibility: 'auto',
319
+
contentVisibility: isSafari ? '' : 'auto', // Safari support for this is buggy.
317
320
},
318
321
minHeightViewport: {
319
322
// @ts-ignore web only