fix: bug with scroll snap behaviour, closes #1757

leather-io · Sep 30, 2021 · 3890723 · 3890723 · vercel · Sep 30, 2021
1 parent fcf4a67
commit 3890723
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/.changeset/clean-trains-obey.md b/.changeset/clean-trains-obey.md
@@ -0,0 +1,5 @@
+---
+'@stacks/wallet-web': patch
+---
+
+Fixes bug where it auto-scrolls up
diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -45,7 +45,6 @@ export const Header: React.FC<HeaderProps> = memo(props => {
       alignItems={hideActions ? 'center' : 'flex-start'}
       justifyContent="space-between"
       position="relative"
-      scrollSnapAlign="start"
       {...rest}
     >
       {!title ? (

diff --git a/src/components/popup/container.tsx b/src/components/popup/container.tsx
@@ -62,7 +62,6 @@ export const PopupContainer: React.FC<PopupHomeProps> = ({ children, header, req
         maxHeight="100vh"
         position="relative"
         overflow="auto"
-        scrollSnapType="y proximity"
       >
         {header || null}
         <Flex

diff --git a/src/features/hiro-messages/hiro-messages.tsx b/src/features/hiro-messages/hiro-messages.tsx
@@ -9,7 +9,7 @@ export const HiroMessages = (props: FlexProps) => {
   if (!messages || !messages.global || !messages.global[0]) return null;
 
   return (
-    <Box pt="tight" scrollSnapAlign="start" scrollPadding="20%">
+    <Box pt="tight">
       <Flex background="#F7F8FD" borderRadius="8px" p="base" {...props}>
         <HiroMessageItem {...messages.global[0]} />
       </Flex>