I'm trying to move the location of the cursor (mouse pointer) when an element is brought into view.
Let's say I have a button at the top of screen that, on click, opens a somewhere else on the screen. They are not connected in the doc flow (the is position: fixed>

When I show the new item, I want the mouse cursor to move to the newly displayed element, e.g. to the close button inside of it. I added a call to focus() but not working...

```
function myClick(idName) {
  let listOfBios = document.getElementsByClassName("contents");
  const len = listOfBios.length;
  let elemName = "Content_" + idName; 
  let elem = document.getElementById(elemName);
  elem.focus();
  for(let i = 0; i < len; i++) {
    let theBio = listOfBios[i];

    if(theBio != elem){
      //alert(elemName);
      theBio.classList.remove("show_contents")
    }
  }
  elem.classList.toggle("show_contents", 1);
  elem.focus();
}

```

Assume that the rest of the code works, so I definitely have the right element ad toggle() is working.