I’ve a scrollable product web page with a button opening a panel taking 100% of the width and peak on cellular. On this panel there may be an enter on the high. when centered and with the keyboard opened, I can now scroll the content material behind the panel.
On opening the panel, I apply an overflow: hidden on the physique. It really works fantastic on desktop.
I checked out different web site and I seen this behaviour on plenty of them, like Arket.com for instance. (on cellular, open the search and focus the enter, you’ll be able to know scroll within the background)
I attempted setting the place of the physique to mounted but it surely shifts your complete format of my web page and pressure me to calculate scrolling place previous to opening the panel so I can set it again when closed, which provides plenty of aspect impact on different options.
I already checked different questions on the discussion board, largely about clean area showing, however not one of the supplied repair labored for my challenge.
I can solely hope there’s a higher resolution than this.
Thanks upfront for any solutions.
