madicon

Hey, Not easy to say without seeing your markup. If your element is not part of the svg, you should not use value "all" but "auto". Read more here: https://tympanus.net/codrops/css_reference/pointer-events/

The issue will be most likely related to resize event triggered by the opened keyboard. ScrollMagic tries to recalculate the values to match with new viewport and scroll position. It won't happen on desktop as there is no keyboard showing over the site. Anyhow this issue if we can call it that way is related to the ScrollMagic and it is not really scope of this forum. Try to log out values of scroll position / time-line progress before and after to see how they are affected. Ps: I can replicate this only on first demo opened in separate window. Last demo does the zoom in as Zach described.

Except that, try to change "background-color" to backgroundColor, as these props should be camel cased.