title: Vue stopPropagation not working - child to parent
body: <p>I am struggling with events propagation. The task is to prevent clicking on anything alse, if the data is not saved. So, The left div contains a tree of options. After clicking on an item, a setting in the right div is showed. I want to warn the user, when he tries to click outside the settings div, that the data is not saved.</p>
  
  <p>The code looks like this:</p>
  
  <pre><code>   &lt;div class="row"&gt;
         &lt;div class="col-sm-6"&gt;
             &lt;tree
                 :data="treeData"&gt;
                 .. some tree data
             &lt;/tree&gt;
         &lt;/div&gt;
         &lt;div class="col-sm-6"&gt;
                 &lt;div class="treeOptionEdit" v-if="showEditBox" v-click-outside.stop="checkIfSaved"&gt;
  
             ... setting input fields
  </code></pre>
  
  <p><code>vue-outside-events</code> package is used to detect clicks outside div. It works fine. The problem is, that this code, doesn't do anything:</p>
  
  <pre><code>        checkIfSaved : function (event, el)
          {
              event.stopPropagation();
              event.preventDefault();
          },
  </code></pre>
  
  <p>The click gets propagated to the parent anyway. If I put an event <code>@click</code> to the parent, it is fired an all clicks.</p>
  
  <p>Does <em>stop propagation</em> work only from parent to children?</p>