В этом приложении у меня есть модал с отступом 30 пикселей.Внутри этого модального у меня есть флажок, который имеет сфокусированное состояние, которое создает круг вокруг флажка, который имеет положение: абсолютное.Проблема состоит в том, что левая сторона этого круга обрезается, как только он попадает на отступ модальной области.Есть ли способ обойти это, кроме как изменить структуру флажка, чтобы он не нуждался в позиции: абсолютный круг вокруг него?
<div class="content--container">
<input type="checkbox" class="checkbox">
</div>
.content--container {
padding: 30px;
}
.checkbox {
position: absolute;
left: -7px;
top: -3px;
display: block;
margin: 0;
border-radius: 50%;
width: 34px;
}