Мне нужно настроить позиционирование кнопки относительно модального окна

Есть кнопка которая всплывает при клике на элемент , нужно чтоб она всегда всплывала в том месте как на рис.1рис.1

но если я выбираю другой элемент немного проскроллив , то она всплывает на том же месте как и на рис.1 рис.2

я пробовал делать через position fixed и sticky ничего не выходит , как можно решить эту проблему?

вот код этого модального окна

        <div  class="modal-layout-choice">
         <div class="overlay">
           <div id="modal-layout-choice-id">
             <div class="modal-close">&times;</div>
             <button class="modal-layout-button ">выбрать</button>
             <div class="modal-layout-choice-content">
               <div class="modal-title-layout">Выберите планировку</div>
               <div class="modal-subtitle-layout">Мы подобрали наиболее актуальные на данный момент<br> планировки для лучшего заробатка</div>

после этого кода идет список с элементами планировки


Ответы (2 шт):

Автор решения: Кирилл Панишев

Измените вложенность кнопки, я не могу сказать точно так как я не вижу ваш код. Но в целом при правильной вложенности кнопки position fixed должно помочь

→ Ссылка
Автор решения: Oleg Kosnyrev

div#modal-layout-choice-id для этого элемента ставим position: relative

кнопка же, должна быть position: absolute

но это в том случае, если кнопка находится вне скроллируемого блока

→ Ссылка