Keyboard height not properly detected in iframe custom app

When viewing a custom app on mobile, the following behaviour:

In browser direct URL (e.g. domain.fibery.io/apps/app-name):

  • Keyboard hidden - window.visualViewport = 783
  • Keyboard visible - window.visualViewport = 495

Result :white_check_mark:: Fixed bottom elements show directly above the keyboard


In Fibery (panel):

  • Keyboard hidden - window.visualViewport = 690
  • Keyboard visible - window.visualViewport = 734

Result :cross_mark:: Fixed bottom elements are hidden behind the keyboard


This may be due to the treatment of meta viewport within document fragments/iframes (typically ignored), though it doesn’t really explain why Fibery is actually taller on mobile when the keyboard widget is active.