<h3 dir="auto">Preflight Checklist</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://www.github.com/electron/electron/issues">issue tracker</a> for a feature request that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Electron Version</h3>
<p dir="auto">12.0.13</p>
<h3 dir="auto">What operating system are you using?</h3>
<p dir="auto">macOS</p>
<h3 dir="auto">Operating System Version</h3>
<p dir="auto">macos 11.5</p>
<h3 dir="auto">What arch are you using?</h3>
<p dir="auto">x64</p>
<h3 dir="auto">Last Known Working Electron version</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">The debug button can be clicked</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">The debug button can't be clicked</p>
<h3 dir="auto">Testcase Gist URL</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Additional Information</h3>
<h2 dir="auto">This is the describe</h2>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/29660825/128110003-da95c97d-daac-4034-9410-c21479d952c8.png"><img src="https://user-images.githubusercontent.com/29660825/128110003-da95c97d-daac-4034-9410-c21479d952c8.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">This is the code</h2>
<p dir="auto"><a href="https://github.com/electron/electron/files/6928127/my-electron-app.zip">my-electron-app.zip</a></p>
<h3 dir="auto">steps</h3>
<ol dir="auto">
<li>unzip</li>
<li><code class="notranslate">npm i &amp;&amp; npm start</code></li>
<li>Click the button at the top</li>
<li>then debug buttons cannot be clicked</li>
</ol>
<h3 dir="auto">Preflight Checklist</h3>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the issue tracker for an issue that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Issue Details</h3>
<ul dir="auto">
<li><strong>Electron Version:</strong> 11.0.1</li>
<li><strong>Operating System:</strong> macOS 10.14.6</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">Devtools should be interactive and the user can control debugging process</p>

<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">Devtools not interactive and the user unable to click on any tabs or buttons. Only scroll works.</p>

<h3 dir="auto">To Reproduce</h3>
<p dir="auto">I created a repo to reproduce this behavior - <a href="https://github.com/Karine91/devtools-webview">https://github.com/Karine91/devtools-webview</a><br>
To install:</p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="$ git clone https://github.com/Karine91/devtools-webview.git
$ yarn
$ yarn start"><pre class="notranslate">$ git clone https://github.com/Karine91/devtools-webview.git
$ yarn
$ yarn start</pre></div>
<p dir="auto">After running the project go to the source of preload.js file<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/26932594/106044114-f9d30480-60e7-11eb-840a-17b9407b9751.png"><img src="https://user-images.githubusercontent.com/26932594/106044114-f9d30480-60e7-11eb-840a-17b9407b9751.png" alt="image" style="max-width: 100%;"></a><br>
Add debugger breakpoint<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/26932594/106044238-1cfdb400-60e8-11eb-9ba1-82fdc45a4e22.png"><img src="https://user-images.githubusercontent.com/26932594/106044238-1cfdb400-60e8-11eb-9ba1-82fdc45a4e22.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Reload the page by clicking on github logo<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/26932594/106045246-61d61a80-60e9-11eb-8f79-8215a88f9462.png"><img src="https://user-images.githubusercontent.com/26932594/106045246-61d61a80-60e9-11eb-8f79-8215a88f9462.png" alt="image" style="max-width: 100%;"></a><br>
After that debugger paused but you not able to click on any buttons in webview, but scroll works</p>