scroll lock in mobile

[saihaj]

Sometimes on mobile when I am trying to scroll on https://graphql-helix.com it will get stuck and I won't be able to scroll down. If I try to zoom-in/out and then try to scroll it will work. Sometimes I will click around on the page then scroll will work.

[dimaMachina]

Saw it on the new codegen site also

[PabloSzx]

I think it might have to do with #384 / react-sticky-box it isn't

[PabloSzx]

This issue is easy to reproduce with the local example, simply going from the index to /docs using the menu on mobile, but I have been trying to fix it and the only thing I've been able to workaround is adding a CSS like:

article {
  height: 100vh
}

but that solution of course is bad, and it deteriorates the desktop experience, and a media query solution doesn't work either, it seems to be related with how scrollable/overflow elements are handled in touch-oriented browsers. I'm not a master on CSS at all.

[dimaMachina]

Hi Pablo we decided to add sticky-box explicitly https://tortilla-hq.slack.com/archives/CCVDM3NCD/p1637767158020200?thread_ts=1637756543.000500&cid=CCVDM3NCD