Persist overlay
overflow in conversation list
This commit is contained in:
parent
a537204fc0
commit
e346fb1f90
2 changed files with 15 additions and 2 deletions
|
@ -340,7 +340,11 @@ export const ConversationList: React.FC<PropsType> = ({
|
||||||
rowHeight={calculateRowHeight}
|
rowHeight={calculateRowHeight}
|
||||||
rowRenderer={renderRow}
|
rowRenderer={renderRow}
|
||||||
scrollToIndex={scrollToRowIndex}
|
scrollToIndex={scrollToRowIndex}
|
||||||
style={{ overflow: scrollable ? 'overlay' : 'hidden' }}
|
style={{
|
||||||
|
// See `<Timeline>` for an explanation of this `any` cast.
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||||
|
overflowY: scrollable ? ('overlay' as any) : 'hidden',
|
||||||
|
}}
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
width={width}
|
width={width}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -1365,7 +1365,16 @@ export class Timeline extends React.PureComponent<PropsType, StateType> {
|
||||||
scrollToIndex={scrollToIndex}
|
scrollToIndex={scrollToIndex}
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
width={width}
|
width={width}
|
||||||
style={{ overflow: 'overlay' }}
|
style={{
|
||||||
|
// `overlay` is [a nonstandard value][0] so it's not supported. See [this
|
||||||
|
// issue][1].
|
||||||
|
//
|
||||||
|
// [0]: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#values
|
||||||
|
// [1]: https://github.com/frenic/csstype/issues/62#issuecomment-937238313
|
||||||
|
//
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||||
|
overflowY: 'overlay' as any,
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue