Accept array like (e.g. Fluent) for createButton container

serenity-is · Oct 16, 2024 · 969e494 · 969e494
1 parent 726cafb
commit 969e494
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/corelib/src/ui/widgets/toolbar.tsx b/packages/corelib/src/ui/widgets/toolbar.tsx
@@ -1,4 +1,4 @@
-import { Fluent, IconClassName, iconClassName } from "../../base";
+import { Fluent, IconClassName, iconClassName, isArrayLike } from "../../base";
 import { Decorators } from "../../types/decorators";
 import { Widget } from "./widget";
 
@@ -110,7 +110,11 @@ export class Toolbar<P extends ToolbarOptions = ToolbarOptions> extends Widget<P
 
     declare protected mouseTrap: any;
 
-    createButton(container: ParentNode, tb: ToolButton): HTMLElement {
+    createButton(container: ParentNode | ArrayLike<ParentNode>, tb: ToolButton): HTMLElement {
+
+        if (isArrayLike(container)) {
+            container = container[0];
+        }
 
         if (tb.separator === 'right' || tb.separator === 'both') {
             container.appendChild(<div class="separator" />);