diff --git a/development/issues/open/228.html b/development/issues/open/228.html
new file mode 100644
index 0000000000000000000000000000000000000000..7d7e499416ba5a41396d02b8d95bfcaac4f64fc7
--- /dev/null
+++ b/development/issues/open/228.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>optimize tree-menu #228</title>
+    <script src="228.mjs" type="module"></script>
+</head>
+<body>
+<h1>optimize tree-menu #228</h1>
+<p></p>
+<ul>
+    <li class="monster-theme-primary-1"><a
+                href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/228">Issue #228</a></li>
+    <li><a href="/">Back to overview</a></li>
+</ul>
+<main>
+
+    
+    <monster-select data-monster-option-labels-button="click me">
+        <p>Yeah, you opened me!</p>
+    </monster-select>
+    
+</main>
+
+</body>
+</html>
diff --git a/development/issues/open/228.mjs b/development/issues/open/228.mjs
new file mode 100644
index 0000000000000000000000000000000000000000..d373478d138f21ae22e962b027268a381959310d
--- /dev/null
+++ b/development/issues/open/228.mjs
@@ -0,0 +1,18 @@
+/**
+ * @file development/issues/open/191.mjs
+ * @url https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/191
+ * @description optimize tree-menu
+ * @issue 228
+ */
+
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/tree-menu/tree-menu.mjs";
+import "../../../source/components/layout/split-panel.mjs";
+import "../../../source/components/layout/panel.mjs";
+import "../../../source/components/form/select.mjs";
+
+