<p dir="auto">Although I set <code class="notranslate">cursor: pointer</code> to all tab buttons, the top area where titlebar was located still show default cursor.</p>
<p dir="auto">Please watch the video.<br>
<a href="https://www.youtube.com/watch?v=bTCijr-KE3Q&amp;feature=youtu.be" rel="nofollow">https://www.youtube.com/watch?v=bTCijr-KE3Q&amp;feature=youtu.be</a></p>
<blockquote>
<p dir="auto">Same condition of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="127338152" data-permission-text="Title is private" data-url="https://github.com/electron/electron/issues/4151" data-hovercard-type="issue" data-hovercard-url="/electron/electron/issues/4151/hovercard" href="https://github.com/electron/electron/issues/4151">#4151</a>.</p>
</blockquote>
<p dir="auto">If this option is set, you can't drag/drop elements that are located in the top of the window (in the region where window's toolbar is placed). Even with <code class="notranslate">-webkit-app-region: drag</code>, dragging is not performed correctly.</p>
<p dir="auto">The element which being dragged is native <code class="notranslate">input[type="range"]</code><br>
Here is the preview:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/2175645/10311824/0f1bebae-6c51-11e5-9194-07cecebfbab3.gif"><img src="https://cloud.githubusercontent.com/assets/2175645/10311824/0f1bebae-6c51-11e5-9194-07cecebfbab3.gif" alt="Preview" data-animated-image="" style="max-width: 100%;"></a></p>