fix for dropdowns not working.

static/js/read_comic.js

@@ -0,0 +1,62 @@
+const nav = JSON.parse(document.getElementById('nav').textContent);
+const last_read_page = JSON.parse(document.getElementById('last_read_page').textContent);
+
+Reveal.initialize({
+    controls: false,
+    hash: true,
+    width: "100%",
+    height: "100%",
+    margin: 0,
+    minScale: 1,
+    maxScale: 1,
+    disableLayout: true,
+    progress: true,
+    keyboard: {
+        37: () => {prevPage()},
+        39: () => {nextPage()},
+        38: () => {window.scrollTo({ top: window.scrollY-window.innerHeight*.6, left: 0, behavior: 'smooth' })},
+        40: () => {window.scrollTo({ top: window.scrollY+window.innerHeight*.6, left: 0, behavior: 'smooth' })},
+      },
+    touch: false,
+    transition: 'slide',
+    plugins: [ RevealMenu ]
+}).then(() => {
+    Reveal.slide(last_read_page)
+
+});
+
+Reveal.on( 'slidechanged', event => {
+    setTimeout(() =>{document.getElementsByClassName('slides')[0].scrollIntoView({behavior: 'smooth'})}, 100)
+    $.ajax({url: "/comic/set_page/" + nav.cur_path + "/" + event.indexh + "/"})
+});
+
+const hammertime = new Hammer(document.getElementById('comic_box'), {});
+hammertime.on('swipeleft', function (ev) {
+    if (Reveal.isLastSlide()){
+        window.location = "/comic/read/"+ nav.next_path +"/"
+    } else {
+        Reveal.next()
+    }
+});
+hammertime.on('swiperight', function (ev) {
+    if (Reveal.isFirstSlide()){
+        window.location = "/comic/read/"+ nav.prev_path +"/"
+    } else {
+        Reveal.prev();
+    }
+});
+
+function prevPage() {
+    if (Reveal.isFirstSlide()){
+        window.location = "/comic/read/"+ nav.prev_path +"/"
+    } else {
+        Reveal.prev();
+    }
+}
+function nextPage() {
+    if (Reveal.isLastSlide()){
+        window.location = "/comic/read/"+ nav.next_path +"/"
+    } else {
+        Reveal.next()
+    }
+}