Fix modals not closing on Android

app/local_settings.example.py

@@ -59,4 +59,4 @@ META_MAX_CHUNK_SIZE = 500
 META_QUERY_SIZE = 10000
 
 DEBUG = True
-PROFILER = False
+PROFILER = False

core/static/modal.js

@@ -1,4 +1,5 @@
-var modal = document.querySelector('.modal');  // assuming you have only 1
+// var modal = document.querySelector('.modal');  // assuming you have only 1
+var modal = document.getElementById("drilldown-modal");
 var html = document.querySelector('html');
 
 var elements = document.querySelectorAll('.modal-background');
@@ -34,4 +35,4 @@ activateButtons();
 //   e.preventDefault();
 //   modal.classList.remove('is-active');
 //   html.classList.remove('is-clipped');
-// });
+// });

core/templates/modals/drilldown.html

@@ -4,7 +4,7 @@
 <script src="{% static 'modal.js' %}"></script>
 <link rel ="stylesheet" href="{% static 'tabs.css' %}">
 <script src="{% static 'tabs.js' %}"></script>
-<div class="modal is-active is-clipped">
+<div id="drilldown-modal" class="modal is-active is-clipped">
   <div class="modal-background"></div>
   <div class="modal-content">
     <div class="box">
@@ -104,5 +104,6 @@
       </div>
     </div>
     <button class="modal-close is-large" aria-label="close"></button>
+    <script>activateButtons();</script>
   </div>
 </div>

core/views/ui/tables.py

@@ -1,5 +1,6 @@
-from django_tables2 import Column, Table
 from django.conf import settings
+from django_tables2 import Column, Table
+
 
 class DrilldownTable(Table):
     id = Column()