Fix responsive highlight width

[MartijnCuppens]

Closes #26972

[mdo]

Ah, this had been bugging me for awhile and I never actually dug in.

[MartijnCuppens]

The DOM of the autocomplete gets removed every time the search field loses focus. This made it a bit harder to debug this. I made this function which stores the autocomplete content in a variable and adds it back to the DOM if the autocomplete is cleared:

function debugSearch(){
  var target = document.querySelector('.ds-dataset-1');
  var observer = new MutationObserver(function(mutations) {
    if (target.innerHTML !== ''){
      window.serachHtml = target.innerHTML;
    }
    else {
      target.innerHTML = window.serachHtml;
      target.parentNode.style.display = 'block';
    }
  });
  observer.observe(target, {childList: true});
}

This might come in handy next time if you want to debug the search autocomplete (There are probably better solutions, but this did the trick for me)