Как запретить отскок сайта webapp telegram?

Question

[foxkodland]

Есть webapp в telegram, чего-то заумного нет, обычная верстка на react.
Проблема в том, что в полноэкранном режиме сайт можно потянуть сверху вниз и снизу вверх - и он как будто отскакивает (см. видео)
Как можно запретить, чтобы сайт можно было так тянуть?

Уже сделано:

tg.expand();
tg.disableVerticalSwipes();
tg.requestFullscreen();

Также пробовал для body прописать стили:

position: fixed;
inset: 0;

Это помогает, но тогда появляется баг: есть потянуть страницу сверху вниз, то тогда сайт может перестать реагировать на клики.
Наверное, есть какой-то хак, чтобы изменить поведение телеграм..

Comments

[szQocks]

tg.disableVerticalSwipes(); так он вроде не всегда работает или вообще не работает, уже и не помню

Попробуй

import { 
  initMiniApp, 
  initSwipeBehavior,
  initViewport
} from '@telegram-apps/sdk-react';

      (async () => {
        const [ miniApp ] = initMiniApp();
        const [ swipeBehavior ] = initSwipeBehavior();
        const [ viewport ] = initViewport();
        const vp = await viewport;

        // отключаем свайп если включен
        if(swipeBehavior.isVerticalSwipeEnabled){
          swipeBehavior.disableVerticalSwipe();
        }

        vp.expand();

        miniApp.ready();
      })();

[foxkodland]

спасибо; но сколько тестировали, disableVerticalSwipe всегда срабатывает без ошибок, чтобы webapp нельзя было уменьшать
тут вопрос в поведении tg в полноэкранном режиме...

[szQocks]

foxkodland,

disableVerticalSwipe всегда срабатывает без ошибок

судя по видео не срабатывает

ну когда все звезды сойдутся в такт и вариантов не останется, возможно мой коммент поможет, и в провайдер не забудь обернуть приложение когда будешь юзать sdk

[Елена]

Никак. Это нормальное поведение. Просто тебе нужно сделать подложку в один цвет с главным и такого разделения не будет видно