🪲 FIXED: Running the BASIC Anywhere Machine IDE on mobile devices: Issue with BAM menu bar not showing.

The problem has only been verified and the fix has only been tested on

• the Android version of Firefox running on my Chromebook

Problem Description

The BAM menu was seemingly not showing at all, however it was showing in certain circumstances.  Come to discover, the CSS "vh" unit measure for setting the height of items does not work when a mobile device's browser top/bottom menu pops up.  The device's browser menu, when showing, pushes web page content up/down (depending on menu location).

So a mobile device's menu bar, if appearing at the bottom of the display, pushes BAM's display up causing BAM's menu to disappear.

The Solution

A search of the web lead to the CSS3 100vh  not constant in mobile browser discussion on stackoverflow and this wonderfully simple solution by Patryk Janik.

Thank-you to Ronald (waspentalive) Hudson for reporting the problem, and thank-you to Patryk Janik for posting a solution for the problem.