title: How to open dropdown menu of select box in p5.js?
body: <p>I need to open dropdown menu of select box without clicking on it, for example — with key pressed. For some reason <code>click()</code> works fine with other elements like file input, but cannot open dropdown list. Here is example:</p>
  <p><a href="https://openprocessing.org/sketch/1587950" rel="nofollow noreferrer">https://openprocessing.org/sketch/1587950</a></p>
  <pre><code>function setup() {
    createCanvas(600, 250);       background(200);                                 // create canvas
    sel = createSelect();         sel.position(100,100);     sel.id('mySel');      // create select box
    inp = createFileInput(open);  inp.position(300,100);     inp.id('myInput');    // create file input
    for(let i=0; i&lt;5; i++)      { sel.option(random()); }                          // create select box options
  }
  
  function keyPressed() {
    // open dropdown with left key - doesn't work
    if      (keyCode === LEFT_ARROW)  {    document.getElementById('mySel').click();    }  
    // open file dialog with right key - works fine
    else if (keyCode === RIGHT_ARROW) {    document.getElementById('myInput').click();  } 
  }
  
  function draw() {}          // empty
  function open(file) {}      // empty 
  </code></pre>
  <p>Is there a way to open this dropdown, maybe without <code>click()</code>?</p>