> For the complete documentation index, see [llms.txt](https://newtons.gitbook.io/knowledge/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://newtons.gitbook.io/knowledge/electron/multiple-rapid-touch-webview.md). # Multiple rapid touches in Electron's \ cause input freeze ## Problem When a view is loaded using the Electron's `` inside a `BrowserWindow`, touch events sometimes cease to be handled. Views loaded in the `` become unresponsive for no discernible reason. We have identified that multiple rapid touches and more than 4 or 5 hours of idle state of the view loaded in `` trigger this issue. This affects only touches. Mouse and keyboard events are unaffected. ## Solution Instead of creating a separate `index.html` file to load the view inside the `BrowserWindow` we can load the `content.html` file with the `BrowserView`'s option `webcontents.loadURL()` and we can specify the preload script using the `BrowserView`'s optional `webPreferences` object property. ``` app.on("ready", () => { const windowOptions = { width: 1280, height: 1024, resizable: false, autoHideMenuBar: true, webPreferences: { webSecurity: false } } const view = new BrowserView({ webPreferences: { nodeIntegration: false, preload: path.join(__dirname, "preload.js") } }) const mainWindow = new BrowserWindow(windowOptions) mainWindow.setBrowserView(view) view.setBounds({ x: 0, y: 0, width: 1280, height: 1024 }) view.webContents.loadURL(`file://${__dirname}/content.html`) }) ``` ## Technical Description As mentioned in the Electron Documentation, Chromium's `` is undergoing dramatic architectural changes. This impacts the stability of ``, including rendering, navigation, and event routing. As Electron simply utilises Chromium's ``, any issues with it will simply appear in Electron and cannot be controller by the Electron team. A `BrowserView` can be utilised to embed additional web contents into `BrowserWindow`. Please refer to the example to transform `` content into `BrowserView`. ## \ Code The following file loads `content.html` and `preload.js` that will be loaded before other scripts run. {% code title="index.html" %} ``` ``` {% endcode %} We were loading above `index.html` file inside the `BrowserWindow` with the following snippet. {% code title="index.ts" %} ``` app.on("ready", () => { const windowOptions = { width: 1280, height: 1024, resizable: false, autoHideMenuBar: true, webPreferences: { webSecurity: true } } const mainWindow = new BrowserWindow(windowOptions) mainWindow.loadURL(`file://${__dirname}/index.html`) }) ``` {% endcode %}