mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-09-15 15:22:25 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes the drag jitter on Android and only the grabber working after the virtual keyboard appears once

Browse source
This commit is contained in:
Gigiaj 2025-06-18 19:57:05 -05:00
parent 94eacffd99
commit 1e4fccb826
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/molecules/mobile-context-menu/MobileContextMenu.jsx
View file

@ -5,6 +5,14 @@ import './MobileContextMenu.scss';
export function MobileContextMenu({ isOpen, onClose, children }) { export function MobileContextMenu({ isOpen, onClose, children }) {
const { innerHeight } = window; const { innerHeight } = window;
useEffect(() => {
if (isOpen) {
document.body.style.overscrollBehavior = 'contain';
}
return () => {
document.body.style.overscrollBehavior = 'auto';
};
}, [isOpen]);
const [{ y }, api] = useSpring(() => ({ const [{ y }, api] = useSpring(() => ({
y: innerHeight, y: innerHeight,
@ -49,11 +57,13 @@ export function MobileContextMenu({ isOpen, onClose, children }) {
{...bind()} {...bind()}
style={{ style={{
y, y,
touchAction: 'pan-y', touchAction: 'none',
}} }}
> >
<div className="bottom-sheet-grabber" /> <div className="bottom-sheet-grabber" />
<div className="bottom-sheet-content">{children}</div> <div className="bottom-sheet-content" style={{ overflow: 'visible' }}>
{children}
</div>
</animated.div> </animated.div>
</> </>
); );