fix: Find and replace dialog should be fixed when scrolling

This commit is contained in:
Tom Moor
2023-10-28 19:51:13 -04:00
parent 89f3d47327
commit e6196ae79e
2 changed files with 9 additions and 4 deletions

View File

@@ -198,7 +198,7 @@ export default function FindAndReplace({ readOnly }: Props) {
const style: React.CSSProperties = React.useMemo(
() => ({
position: "absolute",
position: "fixed",
left: "initial",
top: 60,
right: 16,
@@ -263,6 +263,7 @@ export default function FindAndReplace({ readOnly }: Props) {
unstable_finalFocusRef={finalFocusRef}
style={style}
aria-label={t("Find and replace")}
scrollable={false}
width={420}
>
<Content column>
@@ -365,4 +366,5 @@ const ButtonLarge = styled(ButtonSmall)`
const Content = styled(Flex)`
padding: 8px 0;
margin-bottom: -16px;
position: static;
`;