From 8a0d0ad48d9c0a268bf143442353bcc4126e55b4 Mon Sep 17 00:00:00 2001
From: Daniel Grams <grams.daniel@gmail.com>
Date: Tue, 18 Jul 2023 22:18:36 +0200
Subject: [PATCH] Planning: Input for nearby filter not working in modal #524

---
 project/templates/_macros.html       | 5 ++++-
 project/templates/planning/list.html | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/project/templates/_macros.html b/project/templates/_macros.html
index 361c0f3..a1494c3 100644
--- a/project/templates/_macros.html
+++ b/project/templates/_macros.html
@@ -858,12 +858,15 @@
   </div>
 {% endmacro %}
 
-{% macro render_google_filter_autocomplete_header() %}
+{% macro render_google_filter_autocomplete_header(dropdownParent=None) %}
 <script>
   $( function() {
 
     $('#location').select2({
       theme: 'bootstrap4',
+      {% if dropdownParent -%}
+      dropdownParent: {{ dropdownParent | safe }},
+      {%- endif %}
       ajax: {
         url: "{{ url_for('js_autocomplete_place') }}",
         dataType: 'json',
diff --git a/project/templates/planning/list.html b/project/templates/planning/list.html
index 5e4ea8f..e2a8c92 100644
--- a/project/templates/planning/list.html
+++ b/project/templates/planning/list.html
@@ -48,7 +48,7 @@ vue_init_data.vuetify = new Vuetify();
 
 {% block header %}
 {{ render_jquery_steps_header() }}
-{{ render_google_filter_autocomplete_header() }}
+{{ render_google_filter_autocomplete_header(dropdownParent="$('#filterFormModal')") }}
 <script>
 
 $( function() {