diff --git a/docs/alerts.html b/docs/alerts.html
index a3c4040b0..78b70a009 100644
--- a/docs/alerts.html
+++ b/docs/alerts.html
@@ -121,6 +121,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/attribution.html b/docs/attribution.html
index 988bfd45b..64429ab77 100644
--- a/docs/attribution.html
+++ b/docs/attribution.html
@@ -106,6 +106,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/badges.html b/docs/badges.html
index dc06a2fb4..e639dd762 100644
--- a/docs/badges.html
+++ b/docs/badges.html
@@ -150,6 +150,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/browser-support.html b/docs/browser-support.html
index 4cfcb2fc1..efd514c94 100644
--- a/docs/browser-support.html
+++ b/docs/browser-support.html
@@ -111,6 +111,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/buttons.html b/docs/buttons.html
index f3f2438cc..e61a58c83 100644
--- a/docs/buttons.html
+++ b/docs/buttons.html
@@ -207,6 +207,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/content.html b/docs/content.html
index 95c735b58..905a61b94 100644
--- a/docs/content.html
+++ b/docs/content.html
@@ -234,6 +234,11 @@ PRINT &quot;SHOELACE IS AWESOME&quot;
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/customizing.html b/docs/customizing.html
index 5f008125f..31d589d34 100644
--- a/docs/customizing.html
+++ b/docs/customizing.html
@@ -148,6 +148,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/dropdowns.html b/docs/dropdowns.html
index d275b353b..a6ed29bd0 100644
--- a/docs/dropdowns.html
+++ b/docs/dropdowns.html
@@ -234,6 +234,11 @@ $(&#39;#my-dropdown&#39;).removeClass(&#39;active&#39;);
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/file-buttons.html b/docs/file-buttons.html
index c54b56074..a7f68002c 100644
--- a/docs/file-buttons.html
+++ b/docs/file-buttons.html
@@ -183,6 +183,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/forms.html b/docs/forms.html
index ce7d028ff..27edf0d1c 100644
--- a/docs/forms.html
+++ b/docs/forms.html
@@ -645,6 +645,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/grid-system.html b/docs/grid-system.html
index 8c53ba877..c8ff8a39c 100644
--- a/docs/grid-system.html
+++ b/docs/grid-system.html
@@ -341,6 +341,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/icons.html b/docs/icons.html
index fda7c4dc7..d6c97f5a8 100644
--- a/docs/icons.html
+++ b/docs/icons.html
@@ -128,6 +128,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/installing.html b/docs/installing.html
index fc2fb10ba..6982993f8 100644
--- a/docs/installing.html
+++ b/docs/installing.html
@@ -116,6 +116,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/loaders.html b/docs/loaders.html
index b1cc09fec..dc3e73d55 100644
--- a/docs/loaders.html
+++ b/docs/loaders.html
@@ -164,6 +164,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/progress-bars.html b/docs/progress-bars.html
index a8b1237a3..e111d06aa 100644
--- a/docs/progress-bars.html
+++ b/docs/progress-bars.html
@@ -206,6 +206,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/switches.html b/docs/switches.html
index eb50653df..4a7b8eccc 100644
--- a/docs/switches.html
+++ b/docs/switches.html
@@ -232,6 +232,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/tables.html b/docs/tables.html
index 2a4c0f5fd..12a57c778 100644
--- a/docs/tables.html
+++ b/docs/tables.html
@@ -175,6 +175,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/tabs.html b/docs/tabs.html
index fdb32b3c9..3cebf4c5a 100644
--- a/docs/tabs.html
+++ b/docs/tabs.html
@@ -237,6 +237,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/docs/utilities.html b/docs/utilities.html
index b1b276b23..ae9468975 100644
--- a/docs/utilities.html
+++ b/docs/utilities.html
@@ -303,6 +303,11 @@ mar-[t|r|b|l|x|y]-[0|xs|sm|md|lg|xl]
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/source/layouts/default.html b/source/layouts/default.html
index 5c7b33da3..27e5120a3 100644
--- a/source/layouts/default.html
+++ b/source/layouts/default.html
@@ -99,6 +99,11 @@
           $(this).addClass('current');
         }
       });
+
+      // Intercept dropdown clicks for the demo
+      $('.dropdown').on('select', function(event) {
+        event.preventDefault();
+      });
     });
   </script>
   {{#each scripts}}