don't use `contentVisibility` on Firefox (#4164)
parent
4b0e118844
commit
6522ee9bbf
|
@ -504,6 +504,7 @@ export const List = memo(React.forwardRef(ListImpl)) as <ItemT>(
|
||||||
|
|
||||||
// https://stackoverflow.com/questions/7944460/detect-safari-browser
|
// https://stackoverflow.com/questions/7944460/detect-safari-browser
|
||||||
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
|
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
|
||||||
|
const isFirefox = /firefox|fxios/i.test(navigator.userAgent)
|
||||||
|
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
sideBorders: {
|
sideBorders: {
|
||||||
|
@ -518,7 +519,7 @@ const styles = StyleSheet.create({
|
||||||
},
|
},
|
||||||
row: {
|
row: {
|
||||||
// @ts-ignore web only
|
// @ts-ignore web only
|
||||||
contentVisibility: isSafari ? '' : 'auto', // Safari support for this is buggy.
|
contentVisibility: isSafari || isFirefox ? '' : 'auto', // Safari support for this is buggy.
|
||||||
},
|
},
|
||||||
minHeightViewport: {
|
minHeightViewport: {
|
||||||
// @ts-ignore web only
|
// @ts-ignore web only
|
||||||
|
|
Loading…
Reference in New Issue