Когда всплывающее окно закрыто, родитель получает фокус вместо кнопки, которая открыла всплывающее окно ⇐ Javascript

[Anonymous]

У меня есть довольно сложный пользовательский компонент DatePicker, написанный в угловом, который похож по функции со стандартным вводом HTML Date. Ожидается, что когда пользователь закрывает всплывающее окно календаря, либо выбирая дату, либо выйдя без выбора, фокус возвращается к кнопке, которая открыла календарь; Но по какой -то причине фокус привязан к родительскому вводу (или метке), даже если я пытаюсь программно привязать фокус на кнопке. Это как это должно работать по какой -то причине? Является ли единственный способ исправить его для извлечения всплывающего окна из входного компонента?

Код: Выделить всё

const inputLbl = document.getElementById("inputLbl");

function showTip() {
if (!document.getElementById('newDiv')) {
const newDiv = document.createElement('div');
newDiv.id = 'newDiv';
newDiv.textContent = "Here's a tip for you!"
newDiv.style.cssText = 'width: 80px; height: 80px; background-color: lightgray; border-style: solid;';

const newButton = document.createElement('button');
newButton.textContent = 'close';
newButton.style.cssText = 'display: block; margin: 1rem;'
newButton.addEventListener('click', function() {
newDiv.remove();
// the focusing - it does nothing!
document.getElementById('showTip').focus();
});
newDiv.appendChild(newButton);
inputLbl.appendChild(newDiv);
newButton.focus();
}
}< /code>

Input:

?

Подробнее здесь: https://stackoverflow.com/questions/795 ... t-opened-p