title: @keydown.ctrl and @keyup.ctrl event modifiers not responding to respective keyboard events vujs
body: <p>I'm writing a VueJS application that will have a custom context menu that appears when the user mouses over a particular item on the page. The menu is dynamic meaning that it will change as the user hovers over different items. If the user holds down the control key the menu will be static so that they can interact with the items in the menu.</p>
  <p>My issue is the while the <code>@keydown.ctrl=&quot;...&quot;</code> event seems to respond as intended the <code>@keyup.ctrl=&quot;...&quot;</code> event does not. I have looked around and tried different modifiers such as <code>.exact</code> and <code>.caputure</code> but they don't seem to solve the issue.</p>
  <p>What does work however is changing <code>@keyup.ctrl</code> to <code>@keyup.control</code>. The <code>.control</code> works on the <code>@keyup</code> event but not for the <code>@keydown</code> event.</p>
  <p>What is the difference between <code>@keydown</code> and <code>@keyup</code> that would require the use of different key modifiers?</p>
  <p>Below is an example of what the root element looks like.</p>
  <pre><code>&lt;div
    tabindex=&quot;0&quot;
    @keydown.esc.exact=&quot;() =&gt; (displayContext = false)&quot;
    @keydown.ctrl.exact=&quot;() =&gt; (keepContext = true)&quot;
    @keyup.control=&quot;() =&gt; (keepContext  = false)&quot;
  &gt;
  ...
  &lt;/div&gt;
  </code></pre>