HTML Object element and scrollbar issue
<p>I am using the following HTML to embed HTML from an external URL into my site and it works great:</p>

<pre><code>&lt;object data="https://myapp.com/explore" width="100%" height="100%" type="text/html" style="overflow: hidden;"&gt;
    &lt;embed src="https://myapp.com/explore" width="100%" height="100%;" /&gt; 
    Error: Embedded data could not be displayed.
&lt;/object&gt;
</code></pre>

<p>On the page, a vertical scroll bar is shown, which is the correct behavior I expect, as content is larger than the height of the Chrome browser window.  </p>

<p>However, when I click the vertical scroll bar for the first time, the page scrolls... After that, without clicking, the page scrolls whenever the mouse is over the vertical scroll bar, WITHOUT me actually clicking to scroll. </p>

<p>Has anyone seen this, and can you suggest how to solve?  It's a weird behavior I have not seen before...  </p>