Fixing docs

docs/src/components/dialog.njk

@@ -157,7 +157,7 @@ toc:
   trigger="Scrollable Content",
   trigger_attrs={"class": "btn-outline"},
   dialog_attrs={"class": "w-full sm:max-w-[425px] max-h-[612px]"},
-  dialog_attrs={"class": "overflow-y-auto scrollbar"},
+  body_attrs={"class": "overflow-y-auto scrollbar"},
   footer=footer
 ) %}
 <div class="space-y-4 text-sm">

docs/src/components/select.njk

@@ -186,7 +186,7 @@ toc:
         { type: "item", value: "apple", label: "Apple" },
         { type: "item", value: "banana", label: "Banana" },
         { type: "item", value: "blueberry", label: "Blueberry" },
-        { type: "item", value: "pineapple", label: "Grapes" },
+        { type: "item", value: "grapes", label: "Grapes" },
         { type: "item", value: "pineapple", label: "Pineapple" }
       ]
     }
@@ -226,6 +226,7 @@ toc:
 
 {% set code %}
 {% call select(
+  id="select-with-icons",
   trigger_attrs={'class': 'w-[180px]'}
 ) %}
 <div type="button" role="option" data-value="bar">
@@ -249,4 +250,10 @@ toc:
 {% endcall %}
 {% endset %}
 
-{{ code_preview("select-scrollable", code | prettyHtml) }}
+{{ code_preview("select-scrollable", code | prettyHtml) }}
+<script>
+  const select = document.querySelector('#select-with-icons');
+  select.addEventListener('basecoat:initialized', () => {
+    select.selectByValue('pie');
+  });
+</script>