Создание кнопки PIN -кода во всплывающем окне «Расширение Chrome», чтобы она не закрылась автоматически [дублировать] ⇐ Javascript

[Anonymous]

Я работаю над индивидуальным расширением Chrome, и мне нужна помощь в реализации кнопки «PIN» в заголовке всплывающего окна расширения. Идея состоит в том, что когда кнопка PIN нажимается, она должна оставить окно всплывающего окна открытым, даже если пользователь нажимает вне ее. Я хотел бы переопределить или предотвратить поведение по умолчанию, используя кнопку PIN, аналогично тому, как закрепленные всплывающие окна остаются открытыми. < /P>
Я прикрепил скриншот, чтобы лучше иллюстрировать то, чего я пытаюсь достичь.

Если вы могли бы направить меня, как реализовать это или поделиться любым соответствующим JavaScript или предложением Mehaisd Meanismas. src = "https://i.sstatic.net/gtosriqe.png"/>





Extension Popup

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
width: 800px;
height: 600px;
box-sizing: border-box;
overflow: hidden;
}

.header {
background-color: #d4aa29;
color: white;
padding: 16px;
position: relative;
font-size: 28px;
font-weight: bold;
}

.pin-icon {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
}

.content {
padding: 30px;
}

.instruction {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
max-width: 600px;
line-height: 1.5;
}

.popup-box {
border: 2px solid blue;
padding: 40px;
text-align: center;
font-weight: bold;
font-size: 20px;
width: fit-content;
}

.arrow {
position: absolute;
top: 70px;
right: 90px;
width: 250px;
height: 0;
border-top: 4px solid blue;
transform: rotate(-30deg);
transform-origin: right;
}

.arrow::after {
content: "";
position: absolute;
right: -5px;
top: -7px;
width: 0;
height: 0;
border-left: 10px solid blue;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}




Extention Header



I have to apply this extension pin here

which when clicked it would prevent

the extension's popup window from closing.

Content of the popup goes here







Подробнее здесь: https://stackoverflow.com/questions/797 ... -wont-clos