diff --git a/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx b/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx index adbc04eb7ed..38990b0e47a 100644 --- a/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx +++ b/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx @@ -30,6 +30,8 @@ const DecoratedPasswordInput = forwardRef((props: DecoratedInputProps, ref: Ref< {...props} ref={ref} type={isToggled ? 'text' : 'password'} + autocomplete={false} + spellcheck={false} right={[...rightSideDecorations, ]} /> ) diff --git a/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx b/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx index 01f93bd4727..2d7ebbd4cc7 100644 --- a/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx +++ b/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx @@ -11,6 +11,7 @@ import { useMediaQuery, MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/u import { SupportsPassiveListeners } from '@/Constants/Constants' import { useLifecycleAnimation } from '@/Hooks/useLifecycleAnimation' import { getScrollParent } from '@/Utils' +import { useAvailableSafeAreaPadding } from '@/Hooks/useSafeAreaPadding' const DisableScroll = () => { useDisableBodyScrollOnMobile() @@ -63,6 +64,8 @@ const MobilePopoverContent = ({ }, }) + const { hasBottomInset } = useAvailableSafeAreaPadding() + useEffect(() => { if (!element) { return @@ -181,7 +184,8 @@ const MobilePopoverContent = ({