Search code examples
google-chromegoogle-chrome-app

How to disable -webkit-app-region: drag;?

I have a chrome-app and I made the entire window draggable by adding -webkit-app-region: drag; to a div via a css class:

example: 

<style>
    draggable {
        -webkit-app-region: drag;
    }
</style>

<div class='draggable'>
    hello world
</div>

The problem is that I cannot disable the dragging by removing the draggable class from the div(for example via jQuery or chrome-debugger). Besides this being a potential bug, are there any workarounds to stop the div from making the app window draggable?

FYI: I have checked this on Chrome(34.0.187.116), Chrome Beta(35.0.1916.69), Chrome Canary(36.0.1964.2) and all have the same behavior. OS: MacOS X 10.9.2

Solution

  • I found a workaround. By hiding the div via display: none the draggable can be disabled.