From 5989d243d3722a3828aecc097259cbf34ceafddb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gina=20H=C3=A4u=C3=9Fge?= <gina@octoprint.org>
Date: Fri, 25 Aug 2017 09:47:11 +0200
Subject: [PATCH] Fix wrapping of temperature controls on touch devices

Successfully tested in Chrome (desktop & Android), Firefox (desktop &
Android), Safari (desktop & iOS).

Closes #2059
---
 src/octoprint/static/js/lib/bootstrap/bootstrap.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/octoprint/static/js/lib/bootstrap/bootstrap.js b/src/octoprint/static/js/lib/bootstrap/bootstrap.js
index 5ca3cc94..94c4b9f3 100644
--- a/src/octoprint/static/js/lib/bootstrap/bootstrap.js
+++ b/src/octoprint/static/js/lib/bootstrap/bootstrap.js
@@ -687,7 +687,11 @@
       if (!isActive) {
         if ('ontouchstart' in document.documentElement) {
           // if mobile we we use a backdrop because click events don't delegate
-          $('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)
+
+          // PATCH by foosel based on CapnBry's suggestion - see foosel/OctoPrint#2059 for details
+          //$('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)
+          $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
+          // /PATCH
         }
         $parent.toggleClass('open')
       }