<h3 dir="auto">Version</h3>
<p dir="auto">2.6.11</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/vue2611-q4ky0?file=/src/components/HelloWorld.vue" rel="nofollow">https://codesandbox.io/s/vue2611-q4ky0?file=/src/components/HelloWorld.vue</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Follow the codesandbox link</li>
<li>Click on the "Component Vue 2.6.11" text in the browser view to enable "edit mode"</li>
<li>Click "cancel edit" to exit "edit mode"</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">It is expected that $nextTick will defer the setting of the variable "editMode" to false, preventing the parent container click event from executing and re-setting the variable to true. (see line 26)</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">$nextTick isn't deferring execution as it did in 2.5.x. The variable "editMode" is being set to false and then the parent container click event immediately resets it to true.</p>
<hr>
<p dir="auto">Here is the codesandbox link for v2.5.22 to see how it behaved prior to 2.6.x:<br>
<a href="https://codesandbox.io/s/vue2522-xo346?file=/src/components/HelloWorld.vue" rel="nofollow">https://codesandbox.io/s/vue2522-xo346?file=/src/components/HelloWorld.vue</a></p>
<p dir="auto">I ran into this bug while trying to upgrade from 2.5.22 to 2.6.11. It broke our production app everywhere this edit component was used. For this type of edit component, this is a pretty natural design pattern.</p>
<p dir="auto">Side note: If this is an intentional breaking change, are there recommended work arounds for these type of components (besides DOM restructuring)?</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.0-beta.1</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/frlinw/pen/OreZMz" rel="nofollow">https://codepen.io/frlinw/pen/OreZMz</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Click on "Click me"</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">demo with v2.5.22 show the expected behavior: <a href="https://codepen.io/frlinw/pen/XoLYMR" rel="nofollow">https://codepen.io/frlinw/pen/XoLYMR</a></p>
<p dir="auto">the "Dropdown" component should not be able to handle a click event which is supposed to create it</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">the Dropdown is automatically closed because it handles the click event</p>