Unavailable scroll


#1

Hello there,

PROBLEM SOLVED : there was an overflow:hidden loaded with ionic CSS files on the html tag…


With my team, we are starting a project in Electron and we are encountering a problem we do not know how to solve and cannot find a solution to on Google.

When the content of our pages (generated with AngularJS) is larger than the size of the window (vertically and/or horizontally), we want the user to be able to scroll around to see the rest of the page.

However, we cannot scroll in any direction, which is really embarassing… Here is a screenshot of one of our page where we need the scroll :

Do any of you have an idea as to why scroll is disabled in our app and to how to enable it ?

Here is our main.js file that launches the app :

var app = require('app');  // Module to control application life.
var BrowserWindow = require('browser-window');  // Module to create native browser window.

// Report crashes to our server.
require('crash-reporter').start();

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
var mainWindow = null;

// Quit when all windows are closed.
app.on('window-all-closed', function() {
  // On OS X it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  if (process.platform != 'darwin') {
    app.quit();
  }
});

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
app.on('ready', function() {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: 1366,
    height: 768
  });
  mainWindow.maximize();

  // and load the index.html of the app.
  mainWindow.loadUrl('file://' + __dirname + '/client/index.html');

  // Open the DevTools.
  //mainWindow.openDevTools();

  // Emitted when the window is closed.
  mainWindow.on('closed', function() {
    // Dereference the window object, usually you would store windows
    // in an array if your app supports multi windows, this is the time
    // when you should delete the corresponding element.
    mainWindow = null;
  });
});

This file is really similar to the standard file found in the Electron docs.

Thanks a lot in advance if you have some ideas on which to dig in to solve this problem :wink:

Tristan