<ul dir="auto">
<li><strong>Electron Version(s)</strong>
<ul dir="auto">
<li><code class="notranslate">1.3.1</code>, <code class="notranslate">1.8.4</code>, <code class="notranslate">8.4.0</code>, <code class="notranslate">9.1.0</code> &amp; <code class="notranslate">10.0.0-beta.12</code></li>
</ul>
</li>
<li><strong>Operating System:</strong>
<ul dir="auto">
<li>MacOS</li>
</ul>
</li>
<li><strong>Last Known Working Electron version:</strong>
<ul dir="auto">
<li>NA</li>
</ul>
</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9450414/87662802-69068e00-c780-11ea-8aea-426c189b3a9a.png"><img width="551" alt="Screen Shot 2020-07-16 at 4 21 27 PM" src="https://user-images.githubusercontent.com/9450414/87662802-69068e00-c780-11ea-8aea-426c189b3a9a.png" style="max-width: 100%;"></a></p>
I have an app which has 3 levels, level1 incudes a webview with page source level2.html; inside level2 an `&lt;iframe&gt;` element is embedded with source set to level3.html. Each page has button &amp; input field.
<p dir="auto">The expected behavior would be while tabbing the screen readers should be able to focus &amp; read through all three buttons &amp; input fields.</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">Screen readers are reaching till the buttons &amp; input fields of level 2 &amp; ignoring level3. But if I relace <code class="notranslate">&lt;webview&gt;</code> with <code class="notranslate">&lt;iframe&gt;</code> everything seems to work fine.<br>
<a href="https://www.loom.com/share/318395aa07f54592bd047f6afa4b300a" rel="nofollow">Please check out the video for more details on the issue</a></p>
<p dir="auto"><strong>Check the below image showing the accessibility tree not being generated properly incase of webview</strong>:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9450414/87664530-0498fe00-c783-11ea-8b27-cfff4ad1eedd.png"><img width="977" alt="Screen Shot 2020-07-16 at 4 36 20 PM" src="https://user-images.githubusercontent.com/9450414/87664530-0498fe00-c783-11ea-8b27-cfff4ad1eedd.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">To Reproduce</h3>
<ul dir="auto">
<li>
<p dir="auto">Clone this repository<br>
$ git clone <a href="https://github.com/microsoft/electron-webview-accessibility-issue">https://github.com/microsoft/electron-webview-accessibility-issue</a><br>
$ cd electron-quick-start<br>
$ npm install<br>
$ npm start || electron .</p>
</li>
<li>
<p dir="auto">Turn on the screen reader</p>
</li>
<li>
<p dir="auto">Tab across button &amp; input fields</p>
</li>
<li>
<p dir="auto">You will notice that the screen reader focus is not moving to level3 hence is not able to read the corresponding elements</p>
</li>
</ul>
<h3 dir="auto">Additional Information</h3>
<p dir="auto">This issue has been reported earlier &amp; is a possible duplicate of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="309913258" data-permission-text="Title is private" data-url="https://github.com/electron/electron/issues/12478" data-hovercard-type="issue" data-hovercard-url="/electron/electron/issues/12478/hovercard" href="https://github.com/electron/electron/issues/12478">#12478</a> but it contains more information on reproducing the bug  for electron version <code class="notranslate">8.4.0</code></p>
<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/main/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/main/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">15.0.0</p>
<h3 dir="auto">What operating system are you using?</h3>
<p dir="auto">Windows</p>
<h3 dir="auto">Operating System Version</h3>
<p dir="auto">Windows 10</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">9.3.0</p>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">Custom titlebar with Draggable region would working with the resizable:false browser window.</p>
<p dir="auto">Browser window property: resizable: false<br>
CSS Property: -webkit-app-region: drag</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">It is not working with fixed-size browser window.<br>
It is working with only resizable browser window.</p>
<h3 dir="auto">Testcase Gist URL</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Additional Information</h3>
<p dir="auto"><em>No response</em></p>