title: How to trigger keydown events on Ng Select DropDown - Get ng select panel in code behind
body: <p>I am using ng select:
  <a href="https://www.npmjs.com/package/@ng-select/ng-select" rel="nofollow noreferrer">https://www.npmjs.com/package/@ng-select/ng-select</a> </p>
  
  <p>StackBlitz: 
  <a href="https://stackblitz.com/edit/angular-rvo39c?file=src%2Fforms-with-options-example.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-rvo39c?file=src%2Fforms-with-options-example.component.ts</a></p>
  
  <p>I want to be able to highlight an object in the <code>Listbox</code> with arrows <code>UP</code> or <code>DOWN</code> and then have the highlighted item <code>selected</code> when pressing arrow <code>RIGHT</code> or <code>LEFT</code>.</p>
  
  <p>I have tried to do this using event <code>keydownInDropdown</code> and event <code>onDropDownChange</code>. 
  <code>keydownInDropdown</code>is fired before <code>onDropDownChange</code>.</p>
  
  <p>Another solution that would work for me:
  Highlighting an object in the <code>Listbox</code> with arrows <code>UP</code> or <code>DOWN</code> and then select the object when clicking <code>enter</code> the first time.
  Second time clicking <code>enter</code> if no changes the dropdown should close.</p>