title: Component `escape` bubbling up from `select` element
body: <p>I have a modal component. it used to close on press of <code>escape</code> button. now I have a <code>select</code> option within it. when i press the tab with <code>select</code> option and do the <code>escape</code> to come out of the <code>select</code> element, now my popup as well getting closed. i tried with adding <code>stopPropagation</code> but not works.</p>
  <p>here is the html: <code>confirmCancel()</code> method getting triggered</p>
  <pre><code>&lt;ibo-custom-modal [isTable]=&quot;true&quot; [showModal]=&quot;addItemPop&quot; [title]=&quot;title&quot; (modalClosed)=&quot;confirmCancel()&quot;&gt;
  
    &lt;div (keydown)=&quot;($event); $event.stopPropagation()&quot;&gt;//not works
      &lt;select (keydown)=&quot;calling($event)&quot;&gt;//tried here as well
        &lt;option&gt;one&lt;/option&gt;
        &lt;option&gt;two&lt;/option&gt;
        &lt;option&gt;the&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  &lt;/ibo-custom-modal&gt;
  </code></pre>