У меня проблема с работой всплывающего окна в моем приложении React. Когда пользователь нажимает кнопку в приложении, должно появиться новое окно с изображением. Изображение извлекается из серверной части, и в окне указывается его URL (например, blob: http://localhost: 3000 / 5aff23ae - .. .). Однако при использовании Firefox окно появляется на короткое время (где изображение видно), а затем сразу же закрывается. У меня нет этих проблем при использовании Chrome. Если я жестко закодирую URL, например, как «http://www.google.com», окно останется видимым в обоих браузерах.
Может кто-нибудь сказать мне, почему окно автоматически закрывается и как его отключить ? Я уже включил Firefox, чтобы разрешить всплывающее окно windows для localhost: 3000, я использую Firefox ver. 73.0.1. Это код кнопки (в настоящее время я использую материал, но переключение на стандартную кнопку HTML ничего не меняет):
<IconButton variant= "contained" color="secondary" className="clicked-button"
onClick={()=>{
Images.getImage(imagePath).then((result)=>{
window.open(result.src, '', 'width=600,height=400,left=200,top=200')
})
}}
><ZoomInOutlinedIcon/></IconButton>
Я ценю любую помощь!