title: Input type color click event fails if called within contextmenu event
body: <p>This is pretty tricky, so I'll try to explain it well.</p>
  <p>I have a web app where I want to allow my users to change background color of some divs. To do so I'd like to use a color picker interface, and I want to use <code>contextmenu</code> event on target divs to open it, as they already have another behaviour attached to click event.</p>
  <p>So the idea is to have an input type color hidden in the screen, attach its click event to <code>contextmenu</code> event on target divs and change background color of target divs on input type color change event.</p>
  <p><strong>The funny thing</strong> is that when I try to chain events, color picker doesn't open if its click event is called from within <code>contextmenu</code> event handler, but it does if called from within click event.</p>
  <p>Using jQuery for code simplicity and clearness:</p>
  <pre><code>//this works perfectly, color picker opens
  $(&quot;#myTargetDiv&quot;).on(&quot;click&quot;, function() {
      $(&quot;#inputTypeColor&quot;).trigger(&quot;click&quot;);
  });
  
  //this fails miserably
  $(&quot;#myTargetDiv&quot;).on(&quot;contextmenu&quot;, function() {
      $(&quot;#inputTypeColor&quot;).trigger(&quot;click&quot;);
      return false;
  });
  </code></pre>
  <p><strong>The most weird fact</strong> is that, if I use a third element to pass the event, say, for example that I call to an intermediate input type text which passes the call from <code>myTargetDiv</code> to <code>inputTypeControl</code>, the click event in the intermediate element fires (even when called from within <code>contextmenu</code> event handler) while the event in the input type color doesn't fire.</p>
  <p><strong>But if you click directly on the intermediate input type text the color picker opens!</strong></p>
  <pre><code>//If you right click on myTargetDiv &quot;firing!&quot; appears on console, but color picker doesn't opens
  $(&quot;#myTargetDiv&quot;).on(&quot;contextmenu&quot;, function() {
      $(&quot;#intermediateElement&quot;).trigger(&quot;click&quot;);
      return false;
  });
  
  //If you click on intermediateElement, however, the color picker opens!!!
  $(&quot;#intermediateElement&quot;)on(&quot;click&quot;, function() {
      console.log(&quot;firing!&quot;);
      $(&quot;#inputTypeColor&quot;).trigger(&quot;click&quot;);
  });
  </code></pre>
  <p>I've reproduced this behaviour in Firefox and Chrome, and I'm not very sure if it's an expected feature, a bug in browsers input type color implementation or a problem with event handling from jQuery (I haven't tried launching the events myself yet).</p>
  <p><a href="https://jsfiddle.net/bardobrave/0z6ev4rd/1" rel="nofollow noreferrer">https://jsfiddle.net/bardobrave/0z6ev4rd/1</a> If you click on &quot;FIRE!&quot; the color picker opens, but if you right click on it the color picker doesn't opens despite if you click on input type text it does.</p>
  <p>Anyone can give some insight on the matter?</p>