parent
138e6d9b97
commit
2963fb4c6d
|
@ -91,6 +91,9 @@
|
|||
*[data-word-wrap] {
|
||||
word-break: break-word;
|
||||
}
|
||||
*[data-stable-gutters] {
|
||||
scrollbar-gutter: stable both-edges;
|
||||
}
|
||||
|
||||
/* ProseMirror */
|
||||
.ProseMirror {
|
||||
|
|
|
@ -73,8 +73,4 @@ const styles = StyleSheet.create({
|
|||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
},
|
||||
tabBarAvi: {
|
||||
marginTop: 1,
|
||||
marginRight: 18,
|
||||
},
|
||||
})
|
||||
|
|
|
@ -70,10 +70,18 @@ export const FlatList = React.forwardRef(function <ItemT>(
|
|||
if (desktopFixedHeight) {
|
||||
style = addStyle(style, styles.fixedHeight)
|
||||
if (!isMobile) {
|
||||
contentContainerStyle = addStyle(
|
||||
contentContainerStyle,
|
||||
styles.stableGutters,
|
||||
)
|
||||
// NOTE
|
||||
// react native web produces *three* wrapping divs
|
||||
// the first two use the `style` prop and the innermost uses the
|
||||
// `contentContainerStyle`. Unfortunately the stable-gutter style
|
||||
// needs to be applied to only the "middle" of these. To hack
|
||||
// around this, we set data-stable-gutters which can then be
|
||||
// styled in our external CSS.
|
||||
// -prf
|
||||
// @ts-ignore web only -prf
|
||||
props.dataSet = props.dataSet || {}
|
||||
// @ts-ignore web only -prf
|
||||
props.dataSet.stableGutters = '1'
|
||||
}
|
||||
}
|
||||
return (
|
||||
|
@ -137,8 +145,4 @@ const styles = StyleSheet.create({
|
|||
// @ts-ignore web only
|
||||
height: '100vh',
|
||||
},
|
||||
stableGutters: {
|
||||
// @ts-ignore web only -prf
|
||||
scrollbarGutter: 'stable both-edges',
|
||||
},
|
||||
})
|
||||
|
|
|
@ -95,6 +95,9 @@
|
|||
*[data-word-wrap] {
|
||||
word-break: break-word;
|
||||
}
|
||||
*[data-stable-gutters] {
|
||||
scrollbar-gutter: stable both-edges;
|
||||
}
|
||||
|
||||
/* ProseMirror */
|
||||
.ProseMirror {
|
||||
|
|
Loading…
Reference in New Issue