Fix menu blinking on xs screens (#117)

Author: tar-g

templates/react/application/src/utils/patches.js

@@ -1,9 +1,9 @@
 export function menuPreInitPatch(component) {
-    const menuOpened = component.state.menuOpened;
+    const { menuOpened, minMenuSize } = component.state;
     component.state.preInitCssFix = true;
     return {
         get cssClass() {
-            if (menuOpened) {
+            if (menuOpened || minMenuSize === 0) {
                 return "";
             }
 

testing/app-template.test.shared.js

@@ -87,12 +87,6 @@ module.exports = (env) => {
                                         return;
                                     }
 
-                                    // TODO: Fix user panel and content shift in Reactin inner layout
-                                    if(env.engine === 'react' && !isDefaultLayout && device.name === 'iPhone 5') {
-                                        expect(true).toBe(true);
-                                        return;
-                                    }
-
                                     const page = await openPage(appUrl);
                                     const image = await page.screenshot({
                                         clip: {
@@ -107,12 +101,6 @@ module.exports = (env) => {
                                 });
 
                                 it('Profile view', async() => {
-                                    // TODO: Fix user panel and content shift in Reactin inner layout
-                                    if(env.engine === 'react' && !isDefaultLayout && device.name === 'iPhone 5') {
-                                        expect(true).toBe(true);
-                                        return;
-                                    }
-
                                     const page = await openPage(`${appUrl}#/profile`);
                                     const image = await page.screenshot();
 
@@ -125,11 +113,6 @@ module.exports = (env) => {
                                         expect(true).toBe(true);
                                         return;
                                     }
-                                    // TODO: Fix user panel and content shift in Reactin inner layout
-                                    if(env.engine === 'react' && !isDefaultLayout && device.name === 'iPhone 5') {
-                                        expect(true).toBe(true);
-                                        return;
-                                    }
 
                                     const page = await openPage(`${appUrl}#/display-data`);
                                     // NOTE: Wait for the DataGrid is loaded