fix(iOS): drawing ordered list marker (#664)

# Summary

Fixes: #660

## Test Plan
Play around with setting different `lineHeight` in `EnrichedTextInput`
and test if ordered list decimal markers are aligned properly with the
text.

## Screenshots / Videos


https://github.com/user-attachments/assets/99437068-7fbe-4c3e-9892-c61e3d9936d4


## Compatibility

| OS      | Implemented |
| ------- | :---------: |
| iOS     |    ✅     |
| Android |    ❌     |
| Web     |    ❌     |

## Checklist

- [X] E2E tests are passing
- [ ] Required E2E tests have been added (if applicable)

Author: kacperzolkiewski

ios/extensions/LayoutManagerExtension.mm

@@ -274,69 +274,77 @@ - (void)drawLists:(id<EnrichedViewHost>)host
           [self glyphRangeForCharacterRange:[paragraph rangeValue]
                        actualCharacterRange:nullptr];
 
-      [self enumerateLineFragmentsForGlyphRange:paragraphGlyphRange
-                                     usingBlock:^(CGRect rect, CGRect usedRect,
-                                                  NSTextContainer *container,
-                                                  NSRange lineGlyphRange,
-                                                  BOOL *stop) {
-                                       NSUInteger charIdx =
-                                           [self characterIndexForGlyphAtIndex:
-                                                     lineGlyphRange.location];
-                                       UIFont *font = [host.textView.textStorage
-                                                attribute:NSFontAttributeName
-                                                  atIndex:charIdx
-                                           effectiveRange:nil];
-                                       CGRect textUsedRect =
-                                           [self getTextAlignedUsedRect:usedRect
-                                                                   font:font];
-
-                                       for (NSTextList *list in pStyle
-                                                .textLists) {
-                                         NSString *markerFormat =
-                                             list.markerFormat;
-
-                                         if ([markerFormat
-                                                 hasPrefix:
-                                                     @"EnrichedAlignment"]) {
-                                           continue;
-                                         }
-
-                                         if ([markerFormat
-                                                 isEqualToString:
-                                                     @"EnrichedOrderedList"]) {
-                                           NSString *marker = [self
-                                               getDecimalMarkerForList:host
-                                                             charIndex:charIdx];
-                                           [self drawDecimal:host
-                                                         marker:marker
-                                               markerAttributes:markerAttributes
-                                                         origin:origin
-                                                       usedRect:usedRect
-                                                         indent:indent];
-                                         } else if ([markerFormat
-                                                        isEqualToString:
-                                                            @"EnrichedUnordered"
-                                                            @"Lis"
-                                                            @"t"]) {
-                                           [self drawBullet:host
-                                                     origin:origin
-                                                   usedRect:textUsedRect
-                                                     indent:indent];
+      [self
+          enumerateLineFragmentsForGlyphRange:paragraphGlyphRange
+                                   usingBlock:^(CGRect rect, CGRect usedRect,
+                                                NSTextContainer *container,
+                                                NSRange lineGlyphRange,
+                                                BOOL *stop) {
+                                     NSUInteger charIdx =
+                                         [self characterIndexForGlyphAtIndex:
+                                                   lineGlyphRange.location];
+                                     UIFont *font = [host.textView.textStorage
+                                              attribute:NSFontAttributeName
+                                                atIndex:charIdx
+                                         effectiveRange:nil];
+                                     CGRect textUsedRect =
+                                         [self getTextAlignedUsedRect:usedRect
+                                                                 font:font];
+
+                                     for (NSTextList *list in pStyle
+                                              .textLists) {
+                                       NSString *markerFormat =
+                                           list.markerFormat;
+
+                                       if ([markerFormat
+                                               hasPrefix:
+                                                   @"EnrichedAlignment"]) {
+                                         continue;
+                                       }
 
-                                         } else if ([markerFormat
-                                                        hasPrefix:@"EnrichedChe"
-                                                                  @"ckbox"]) {
-                                           [self drawCheckbox:host
-                                                 markerFormat:markerFormat
+                                       if ([markerFormat
+                                               isEqualToString:
+                                                   @"EnrichedOrderedList"]) {
+                                         CGPoint glyphLocation =
+                                             [self locationForGlyphAtIndex:
+                                                       lineGlyphRange.location];
+                                         CGFloat absoluteBaselineY =
+                                             origin.y + rect.origin.y +
+                                             glyphLocation.y;
+                                         NSString *marker = [self
+                                             getDecimalMarkerForList:host
+                                                           charIndex:charIdx];
+
+                                         [self drawDecimal:host
+                                                       marker:marker
+                                             markerAttributes:markerAttributes
                                                        origin:origin
-                                                     usedRect:textUsedRect
+                                                    baselineY:absoluteBaselineY
                                                        indent:indent];
-                                         }
+                                       } else if ([markerFormat
+                                                      isEqualToString:
+                                                          @"EnrichedUnordered"
+                                                          @"Lis"
+                                                          @"t"]) {
+                                         [self drawBullet:host
+                                                   origin:origin
+                                                 usedRect:textUsedRect
+                                                   indent:indent];
+
+                                       } else if ([markerFormat
+                                                      hasPrefix:@"EnrichedChe"
+                                                                @"ckbox"]) {
+                                         [self drawCheckbox:host
+                                               markerFormat:markerFormat
+                                                     origin:origin
+                                                   usedRect:textUsedRect
+                                                     indent:indent];
                                        }
-                                       // only first line of a list gets its
-                                       // marker drawn
-                                       *stop = YES;
-                                     }];
+                                     }
+                                     // only first line of a list gets its
+                                     // marker drawn
+                                     *stop = YES;
+                                   }];
     }
   }
 }
@@ -439,13 +447,16 @@ - (void)drawDecimal:(id<EnrichedViewHost>)host
               marker:(NSString *)marker
     markerAttributes:(NSDictionary *)markerAttributes
               origin:(CGPoint)origin
-            usedRect:(CGRect)usedRect
+           baselineY:(CGFloat)baselineY
               indent:(CGFloat)indent {
   CGFloat gapWidth = [host.config orderedListGapWidth];
   CGSize markerSize = [marker sizeWithAttributes:markerAttributes];
   CGFloat markerX = origin.x + indent - gapWidth - markerSize.width / 2;
-  CGFloat centerY = CGRectGetMidY(usedRect) + origin.y;
-  CGFloat markerY = centerY - markerSize.height / 2.0;
+  UIFont *markerFont = markerAttributes[NSFontAttributeName];
+
+  // drawAtPoint draws from the top-left bounding box of the string.
+  // (baselineY - ascender) exactly pinpoints the top edge of the text
+  CGFloat markerY = baselineY - markerFont.ascender;
 
   [marker drawAtPoint:CGPointMake(markerX, markerY)
        withAttributes:markerAttributes];