Fix Hidden dropdown menus (#376)

closes #362

resources/todomvc/architecture-examples/vue/dist/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en" data-framework="vue" data-version="3.2.47" data-features="webpack"><head><meta charset="UTF-8"/><meta name="description" content="A TodoMVC workload app for Speedometer!"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>TodoMVC: Vue</title><script defer="defer" src="js/chunk-vendors.b4ac9361.js"></script><script defer="defer" src="js/app.2cfaba70.js"></script><link href="css/app.319576e1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but todomvc-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><section class="todoapp"></section><footer class="info"><p>Click on input field to write your todo.</p><p>At least two characters are needed to be a valid entry.</p><p>Press 'enter' to add the todo.</p><p>Double-click to edit a todo</p></footer></body></html>
+<!doctype html><html lang="en" data-framework="vue" data-version="3.2.47" data-features="webpack"><head><meta charset="UTF-8"/><meta name="description" content="A TodoMVC workload app for Speedometer!"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>TodoMVC: Vue</title><script defer="defer" src="js/chunk-vendors.b4ac9361.js"></script><script defer="defer" src="js/app.ad36df07.js"></script><link href="css/app.319576e1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but todomvc-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><section class="todoapp"></section><footer class="info"><p>Click on input field to write your todo.</p><p>At least two characters are needed to be a valid entry.</p><p>Press 'enter' to add the todo.</p><p>Double-click to edit a todo</p></footer></body></html>

resources/todomvc/big-dom-generator/src/app.css

@@ -137,6 +137,7 @@ body {
     align-items: center;
     padding: 5px;
     max-height: 50px;
+    z-index: 3;
 }
 
 .context-help-popover-body {
@@ -172,6 +173,7 @@ body {
     border-radius: 5px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     max-height: 40px;
+    z-index: 2;
 }
 
 .ribbon-divider {
@@ -210,6 +212,7 @@ body {
     grid-row-end: 2;
     justify-self: start;
     align-self: center;
+    z-index: 4;
 }
 
 .show-more > div > ul li:hover {