From 8a494b220b2801a7a072c021996a139c86c57e0c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 3 Jan 2025 20:02:43 +0200
Subject: [PATCH] fix(client/fonts): grouping not working properly on iOS

---
 .../app/widgets/type_widgets/options/appearance/fonts.ts    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/appearance/fonts.ts b/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
index 824162e1a..a5658c4b1 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
@@ -212,15 +212,17 @@ export default class FontsOptions extends OptionsWidget {
         $select.empty();
 
         for (const { title, items } of Object.values(FONT_FAMILIES)) {
-            $select.append($("<optgroup>")
+            const $group = ($("<optgroup>")
                 .attr("label", title));
 
             for (const {value, label} of items) {
-                $select.append($("<option>")
+                $group.append($("<option>")
                     .attr("value", value)
                     .prop("selected", value === currentValue)
                     .text(label));
             }
+
+            $select.append($group);
         }
 
     }