부트스트랩 모달과 헤더의 input 처리

[Macfa]

해결하고자 하는 문제

TL;DR

게시글을 클릭하면 게시글 모달이 열리고 부모 페이지의 헤더 영역에 있는 input 클릭이 안되는 현상

• 상세
  게시글 모달은 부모 페이지의 헤더의 영역만큼 top 값을 주어 공간을 확보하고
  부모페이지의 헤더 영역에 모달과 같은 z-index 값을 주어
  게시글 모달을 열었을 때 헤더 영역과 모달 영역이 활성화 되었습니다.
  이 상태에서 부모페이지의 헤더에 있는 검색 이나 이미지 를 클릭해보았는데
  이미지는 클릭이 되고 작동이 되지만
  ** 검색폼 ** 은 클릭은 안되는 현상입니다.
  개발자도구로 디버깅 중인데 해답을 못 찾아서요
  어떻게 하면 입력이나 모달 영역 밖에 엘리먼트가 작동되게 할 수 있을까요 ?

코드 혹은 오류 ( 아래는 헤더영역입니다 )

    <div style="z-index: 1055; width: 1276px;" class="row align-items-center" >
        <div class="col-1"><a href="/"><img src="{{ asset('image/logo.png') }}"></a></div>
        <div class="input-form col-4 container">
            <form class="row align-items-center" name="Search" id="Search" action="{{ route('s') }}" method="get">
                {{-- @csrf --}}
                <input type="text" name="search" onkeydown="search();" placeholder="검색..." value="">
                <input type="hidden" name="s" id="s" value="a">
                <button type="submit"></button>
            </form>
        </div>

환경

사용중인 운영체제, 언어, 라이브러리의 버전을 적어주세요.
라라벨 8
php 8
apache
mariadb

시도해본 방법