From d82936ff243cff1c9813a975a0470f4c738fbfef Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Tue, 10 Mar 2020 13:39:22 -0700
Subject: [PATCH] Fix issue where labels could not be clicked to change or
 focus inputs

---
 modules/ui/init.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/modules/ui/init.js b/modules/ui/init.js
index 88d642fbc..fbf573338 100644
--- a/modules/ui/init.js
+++ b/modules/ui/init.js
@@ -56,8 +56,16 @@ export function uiInit(context) {
     function render(container) {
 
         container
-            // disable double-tap-to-zoom on touchscreens
-            .on('click.ui', eventCancel)
+            .on('click.ui', function() {
+                var isTargetingLabel = d3_event.composedPath().some(function(node) {
+                    return node.nodeName === 'LABEL';
+                });
+                // clicking a <label> affects its <input> by default so don't prevent that
+                if (isTargetingLabel) return;
+
+                // disable double-tap-to-zoom on touchscreens
+                d3_event.preventDefault();
+            })
             // disable pinch-to-zoom in Safari
             .on('gesturestart.ui', eventCancel)
             .on('gesturechange.ui', eventCancel)