title: Making a Child window move with Parent in a frameless Electron window
body: <p>I'm currently working on a frameless application with ElectronJS where I'm trying to have a parent window handle the dragging, minimize, maximize, and exit, as well as a controller for the child window which will handle all of the content. However, when I set the parent to the main window in my main.js, the content window stays in place when I move the parent. </p>
  
  <p>Below is my main.js: </p>
  
  <pre><code>const electron = require('electron');
  const url = require('url');
  const path = require('path');
  
  const {app, BrowserWindow, Menu} = electron;
  
  let mainWindow;
  let contentWindow;
  
  app.on('ready', function createWindow(){
      //Create window
      mainWindow = new BrowserWindow({
          width: 1280,
          height: 720,
          frame: false
      })
      contentWindow = new BrowserWindow({
          width: 1280,
          height: 720,
          frame: false,
          parent: mainWindow
      })
  
      //load html for window
      mainWindow.loadURL(url.format({
          pathname: path.join(__dirname, 'assets/html/mainWindow.html'),
          protocol:'file:',
          slashes: true
      }));
  
      contentWindow.loadURL(url.format({
          pathname: path.join(__dirname, 'assets/html/contentWindow.html'),
          protocol:'file:',
          slashes: true
      }));
  });
  </code></pre>
  
  <p>One of the div's in my mainWindow.html has <code>-webkit-app-region: drag;</code> to allow it to act as the top bar like a normal window. Basically I would like this to move both windows. </p>