react-native-enriched-markdown-scaffold 1.0.2-scaffold.6 → 1.0.2-scaffold.8

package/ios/EnrichedMarkdownText.mm

@@ -119,6 +119,9 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
   NSArray<NSDictionary *> *_lastLinkLayout;
 
   ENRMSelectionChangeReporter *_selectionReporter;
+#if !TARGET_OS_OSX
+  ENRMSelectionGestureTracker *_selectionGestures;
+#endif
 
   NSLineBreakStrategy _lineBreakStrategy;
 
@@ -300,6 +303,19 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
           emitter->onSelectionChange(
               ENRMSelectionChangeEventFromPayload<EnrichedMarkdownTextEventEmitter::OnSelectionChange>(payload));
       }];
+#if !TARGET_OS_OSX
+  // A handle drag starting or ending is reported right away, even when the
+  // selection itself is unchanged.
+  _selectionGestures = [[ENRMSelectionGestureTracker alloc] initWithChange:^{
+    EnrichedMarkdownText *strongSelf = weakSelf;
+    if (!strongSelf)
+      return;
+    [strongSelf->_selectionGestures trackTextView:strongSelf->_textView];
+    [strongSelf->_selectionReporter forgetLastReported];
+    [strongSelf->_selectionReporter flushNow];
+  }];
+  [_selectionGestures trackTextView:_textView];
+#endif
 }
 
 /// The current selection as an `onSelectionChange` payload. Markdown and
@@ -319,6 +335,7 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
   payload[ENRMSelectionSourceKey] = @"selection";
   payload[ENRMSelectionMarkdownKey] = markdown.length > 0 ? markdown : text;
   payload[ENRMSelectionWholeKey] = @([selection[ENRMSelectionFullKey] boolValue] && _cachedMarkdown.length > 0);
+  payload[ENRMSelectionAdjustingKey] = @(_selectionGestures.adjusting);
   return payload;
 #else
   return ENRMInactiveSelectionPayload();
@@ -786,6 +803,9 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
   _emitLinkLayout = NO;
   _lastLinkLayout = nil;
   _selectionReporter.enabled = NO;
+#if !TARGET_OS_OSX
+  [_selectionGestures reset];
+#endif
   if (_textView != nil) {
     ENRMSetAttributedText(_textView, [[NSAttributedString alloc] initWithString:@""]);
     _textView.hidden = YES;
@@ -968,6 +988,7 @@ Class<RCTComponentViewProtocol> EnrichedMarkdownTextCls(void)
 
 - (void)textViewDidChangeSelection:(UITextView *)textView
 {
+  [_selectionGestures trackTextView:textView];
   ENRMDismissSelectionEditMenuIfMoved(textView);
   [_selectionReporter selectionChanged:textView.selectedRange.length > 0];
 }

package/ios/attachments/ENRMMathInlineAttachment+macOS.m

@@ -29,7 +29,8 @@
                                              displayMode:NO
                                                 fontSize:self.fontSize
                                                    color:color
-                                                    bold:self.bold];
+                                                    bold:self.bold
+                                           glyphOverflow:self.glyphOverflow];
   if (!result)
     return;
 

package/ios/attachments/ENRMMathInlineAttachment.h

@@ -14,6 +14,9 @@ NS_ASSUME_NONNULL_BEGIN
 /// Typeset the glyphs at bold weight (synthetic — see ENRMRaTeXBridge).
 @property (nonatomic, assign) BOOL bold;
 
+/// Ink headroom above and below the formula box (`inlineMath.glyphOverflow`, points).
+@property (nonatomic, assign) CGFloat glyphOverflow;
+
 /// YES if block math (`$$...$$`), NO for inline (`$...$`).
 @property (nonatomic, assign) BOOL displayMode;
 

package/ios/attachments/ENRMMathInlineAttachment.m

@@ -42,7 +42,8 @@
                                              displayMode:NO
                                                 fontSize:self.fontSize
                                                    color:color
-                                                    bold:self.bold];
+                                                    bold:self.bold
+                                           glyphOverflow:self.glyphOverflow];
   if (!result) {
     _fallbackSource = ENRMMathFallbackString(self.latex, @"$", self.fontSize, color);
     UIFont *font = [_fallbackSource attribute:NSFontAttributeName atIndex:0 effectiveRange:NULL];

package/ios/generated/ReactCodegen/EnrichedMarkdownTextSpec/EventEmitters.cpp

@@ -87,6 +87,7 @@ payload.setProperty(runtime, "whole", event.whole);
   endRect.setProperty(runtime, "height", event.endRect.height);
   payload.setProperty(runtime, "endRect", endRect);
 }
+payload.setProperty(runtime, "adjusting", event.adjusting);
     return payload;
   });
 }
@@ -487,6 +488,7 @@ payload.setProperty(runtime, "whole", event.whole);
   endRect.setProperty(runtime, "height", event.endRect.height);
   payload.setProperty(runtime, "endRect", endRect);
 }
+payload.setProperty(runtime, "adjusting", event.adjusting);
     return payload;
   });
 }

package/ios/generated/ReactCodegen/EnrichedMarkdownTextSpec/EventEmitters.h

@@ -69,6 +69,7 @@ class EnrichedMarkdownEventEmitter : public ViewEventEmitter {
     OnSelectionChangeRect rect;
     OnSelectionChangeStartRect startRect;
     OnSelectionChangeEndRect endRect;
+    bool adjusting;
     };
 
   struct OnTaskListItemPress {
@@ -395,6 +396,7 @@ class EnrichedMarkdownTextEventEmitter : public ViewEventEmitter {
     OnSelectionChangeRect rect;
     OnSelectionChangeStartRect startRect;
     OnSelectionChangeEndRect endRect;
+    bool adjusting;
     };
 
   struct OnTaskListItemPress {

package/ios/generated/ReactCodegen/EnrichedMarkdownTextSpec/Props.h

@@ -1761,6 +1761,7 @@ struct EnrichedMarkdownMarkdownStyleMathStruct {
   Float marginBottom{0.0};
   std::string textAlign{};
   std::string fontWeight{};
+  Float glyphOverflow{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -1776,6 +1777,7 @@ struct EnrichedMarkdownMarkdownStyleMathStruct {
     result["marginBottom"] = marginBottom;
     result["textAlign"] = textAlign;
     result["fontWeight"] = fontWeight;
+    result["glyphOverflow"] = glyphOverflow;
     return result;
   }
 #endif
@@ -1816,6 +1818,10 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_fontWeight != map.end()) {
     fromRawValue(context, tmp_fontWeight->second, result.fontWeight);
   }
+  auto tmp_glyphOverflow = map.find("glyphOverflow");
+  if (tmp_glyphOverflow != map.end()) {
+    fromRawValue(context, tmp_glyphOverflow->second, result.glyphOverflow);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownMarkdownStyleMathStruct &value) {
@@ -1832,6 +1838,7 @@ struct EnrichedMarkdownMarkdownStyleInlineMathStruct {
   SharedColor color{};
   Float paddingVertical{0.0};
   std::string fontWeight{};
+  Float glyphOverflow{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -1842,6 +1849,7 @@ struct EnrichedMarkdownMarkdownStyleInlineMathStruct {
     result["color"] = ::facebook::react::toDynamic(color);
     result["paddingVertical"] = paddingVertical;
     result["fontWeight"] = fontWeight;
+    result["glyphOverflow"] = glyphOverflow;
     return result;
   }
 #endif
@@ -1862,6 +1870,10 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_fontWeight != map.end()) {
     fromRawValue(context, tmp_fontWeight->second, result.fontWeight);
   }
+  auto tmp_glyphOverflow = map.find("glyphOverflow");
+  if (tmp_glyphOverflow != map.end()) {
+    fromRawValue(context, tmp_glyphOverflow->second, result.glyphOverflow);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownMarkdownStyleInlineMathStruct &value) {
@@ -5807,6 +5819,7 @@ struct EnrichedMarkdownTextMarkdownStyleMathStruct {
   Float marginBottom{0.0};
   std::string textAlign{};
   std::string fontWeight{};
+  Float glyphOverflow{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -5822,6 +5835,7 @@ struct EnrichedMarkdownTextMarkdownStyleMathStruct {
     result["marginBottom"] = marginBottom;
     result["textAlign"] = textAlign;
     result["fontWeight"] = fontWeight;
+    result["glyphOverflow"] = glyphOverflow;
     return result;
   }
 #endif
@@ -5862,6 +5876,10 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_fontWeight != map.end()) {
     fromRawValue(context, tmp_fontWeight->second, result.fontWeight);
   }
+  auto tmp_glyphOverflow = map.find("glyphOverflow");
+  if (tmp_glyphOverflow != map.end()) {
+    fromRawValue(context, tmp_glyphOverflow->second, result.glyphOverflow);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownTextMarkdownStyleMathStruct &value) {
@@ -5878,6 +5896,7 @@ struct EnrichedMarkdownTextMarkdownStyleInlineMathStruct {
   SharedColor color{};
   Float paddingVertical{0.0};
   std::string fontWeight{};
+  Float glyphOverflow{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -5888,6 +5907,7 @@ struct EnrichedMarkdownTextMarkdownStyleInlineMathStruct {
     result["color"] = ::facebook::react::toDynamic(color);
     result["paddingVertical"] = paddingVertical;
     result["fontWeight"] = fontWeight;
+    result["glyphOverflow"] = glyphOverflow;
     return result;
   }
 #endif
@@ -5908,6 +5928,10 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_fontWeight != map.end()) {
     fromRawValue(context, tmp_fontWeight->second, result.fontWeight);
   }
+  auto tmp_glyphOverflow = map.find("glyphOverflow");
+  if (tmp_glyphOverflow != map.end()) {
+    fromRawValue(context, tmp_glyphOverflow->second, result.glyphOverflow);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownTextMarkdownStyleInlineMathStruct &value) {

package/ios/internals/MeasurementCache.h

@@ -144,8 +144,9 @@ template <typename StyleStruct> inline size_t computeStyleFingerprint(const Styl
   hashTextLayout(s.table);
   hashFields(s.table.headerFontFamily, s.table.cellPaddingHorizontal, s.table.cellPaddingVertical, s.table.borderWidth,
              s.table.borderRadius, s.table.horizontalOverflow);
-  hashFields(s.math.fontSize, s.math.padding, s.math.marginTop, s.math.marginBottom, s.math.textAlign);
-  hashFields(s.inlineMath.paddingVertical);
+  hashFields(s.math.fontSize, s.math.padding, s.math.marginTop, s.math.marginBottom, s.math.textAlign,
+             s.math.glyphOverflow);
+  hashFields(s.inlineMath.paddingVertical, s.inlineMath.glyphOverflow);
   hashFields(s.taskList.checkboxSize, s.taskList.checkboxBorderRadius);
 
   return h;

package/ios/math/ENRMRaTeXBridge.swift

@@ -42,23 +42,39 @@ public final class ENRMRaTeXRenderResult: NSObject {
   /// Non-zero only in bold mode: half of it grows the glyph ink on each side.
   private let boldStrokeWidth: CGFloat
   private let boldStrokeColor: CGColor?
+  /// Headroom added above and below RaTeX's box. RaTeX sizes a formula by its TeX
+  /// metric box, which digit and capital outlines (and the bold stroke) overshoot;
+  /// every view and attachment clips to `totalHeight`, so that ink needs room inside it.
+  private let glyphOverflow: CGFloat
 
   @objc public let width: CGFloat
   @objc public let ascent: CGFloat
   @objc public let descent: CGFloat
   @objc public var totalHeight: CGFloat { ascent + descent }
 
-  init(renderer: RaTeXRenderer, boldStrokeWidth: CGFloat, boldStrokeColor: CGColor?) {
+  init(renderer: RaTeXRenderer, boldStrokeWidth: CGFloat, boldStrokeColor: CGColor?, glyphOverflow: CGFloat) {
     self.renderer = renderer
     self.boldStrokeWidth = boldStrokeWidth
     self.boldStrokeColor = boldStrokeColor
+    self.glyphOverflow = max(glyphOverflow, 0)
     self.width = renderer.width
-    self.ascent = renderer.height
-    self.descent = renderer.depth
+    self.ascent = renderer.height + self.glyphOverflow
+    self.descent = renderer.depth + self.glyphOverflow
     super.init()
   }
 
   @objc public func draw(in context: CGContext) {
+    guard glyphOverflow > 0 else {
+      drawFormula(in: context)
+      return
+    }
+    context.saveGState()
+    context.translateBy(x: 0, y: glyphOverflow)
+    drawFormula(in: context)
+    context.restoreGState()
+  }
+
+  private func drawFormula(in context: CGContext) {
     guard boldStrokeWidth > 0, let boldStrokeColor else {
       renderer.draw(in: context)
       return
@@ -90,7 +106,8 @@ public final class ENRMRaTeXBridge: NSObject {
     displayMode: Bool,
     fontSize: CGFloat,
     color: UIColor,
-    bold: Bool
+    bold: Bool,
+    glyphOverflow: CGFloat
   ) -> ENRMRaTeXRenderResult? {
     RaTeXFontLoader.ensureLoaded()
     do {
@@ -100,7 +117,8 @@ public final class ENRMRaTeXBridge: NSObject {
       return ENRMRaTeXRenderResult(
         renderer: renderer,
         boldStrokeWidth: strokeWidth,
-        boldStrokeColor: strokeWidth > 0 ? color.cgColor : nil
+        boldStrokeColor: strokeWidth > 0 ? color.cgColor : nil,
+        glyphOverflow: glyphOverflow
       )
     } catch {
       NSLog("[RaTeX] Failed to parse LaTeX: %@", error.localizedDescription)

package/ios/renderer/ENRMMathInlineRenderer.m

@@ -30,6 +30,7 @@
   attachment.mathTextColor = [_config inlineMathColor];
   attachment.containerPaddingVertical = [_config inlineMathPaddingVertical];
   attachment.bold = ENRMMathFontWeightIsBold([_config inlineMathFontWeight]);
+  attachment.glyphOverflow = [_config inlineMathGlyphOverflow];
 
 #if TARGET_OS_OSX
   // On macOS, NSLayoutManager uses self.image/self.bounds rather than calling

package/ios/styles/StyleConfig.h

@@ -418,6 +418,8 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setMathTextAlign:(NSString *)newValue;
 - (NSString *)mathFontWeight;
 - (void)setMathFontWeight:(NSString *)newValue;
+- (CGFloat)mathGlyphOverflow;
+- (void)setMathGlyphOverflow:(CGFloat)newValue;
 
 // Inline Math properties
 - (RCTUIColor *)inlineMathColor;
@@ -426,6 +428,8 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setInlineMathPaddingVertical:(CGFloat)newValue;
 - (NSString *)inlineMathFontWeight;
 - (void)setInlineMathFontWeight:(NSString *)newValue;
+- (CGFloat)inlineMathGlyphOverflow;
+- (void)setInlineMathGlyphOverflow:(CGFloat)newValue;
 // Spoiler properties
 - (RCTUIColor *)spoilerColor;
 - (void)setSpoilerColor:(RCTUIColor *)newValue;

package/ios/styles/StyleConfig.mm

@@ -244,10 +244,12 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   CGFloat _mathMarginBottom;
   NSString *_mathTextAlign;
   NSString *_mathFontWeight;
+  CGFloat _mathGlyphOverflow;
   // Inline Math properties
   RCTUIColor *_inlineMathColor;
   CGFloat _inlineMathPaddingVertical;
   NSString *_inlineMathFontWeight;
+  CGFloat _inlineMathGlyphOverflow;
   // Spoiler properties
   RCTUIColor *_spoilerColor;
   CGFloat _spoilerParticleDensity;
@@ -522,9 +524,11 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   copy->_mathMarginBottom = _mathMarginBottom;
   copy->_mathTextAlign = [_mathTextAlign copy];
   copy->_mathFontWeight = [_mathFontWeight copy];
+  copy->_mathGlyphOverflow = _mathGlyphOverflow;
   copy->_inlineMathColor = [_inlineMathColor copy];
   copy->_inlineMathPaddingVertical = _inlineMathPaddingVertical;
   copy->_inlineMathFontWeight = [_inlineMathFontWeight copy];
+  copy->_inlineMathGlyphOverflow = _inlineMathGlyphOverflow;
   copy->_spoilerColor = [_spoilerColor copy];
   copy->_spoilerParticleDensity = _spoilerParticleDensity;
   copy->_spoilerParticleSpeed = _spoilerParticleSpeed;
@@ -2658,6 +2662,26 @@ static const CGFloat kDefaultMinGap = 4.0;
   _inlineMathPaddingVertical = newValue;
 }
 
+- (CGFloat)mathGlyphOverflow
+{
+  return _mathGlyphOverflow;
+}
+
+- (void)setMathGlyphOverflow:(CGFloat)newValue
+{
+  _mathGlyphOverflow = newValue;
+}
+
+- (CGFloat)inlineMathGlyphOverflow
+{
+  return _inlineMathGlyphOverflow;
+}
+
+- (void)setInlineMathGlyphOverflow:(CGFloat)newValue
+{
+  _inlineMathGlyphOverflow = newValue;
+}
+
 // ── Spoiler ─────────────────────────────────────────────────────────────
 
 - (RCTUIColor *)spoilerColor

package/ios/utils/ENRMLinkChip.m

@@ -155,7 +155,8 @@ void ENRMEnumerateLinkChipFragments(NSLayoutManager *layoutManager, NSTextContai
 
                                  CGFloat right;
                                  if (visibleGlyphEnd < lineEnd) {
-                                   right = lineRect.origin.x + [layoutManager locationForGlyphAtIndex:visibleGlyphEnd].x;
+                                   right =
+                                       lineRect.origin.x + [layoutManager locationForGlyphAtIndex:visibleGlyphEnd].x;
                                  } else {
                                    right = CGRectGetMaxX(usedRect);
                                  }

package/ios/utils/ENRMSelectionChange.h

@@ -14,6 +14,7 @@ extern NSString *const ENRMSelectionWholeKey;
 extern NSString *const ENRMSelectionRectKey;
 extern NSString *const ENRMSelectionStartRectKey;
 extern NSString *const ENRMSelectionEndRectKey;
+extern NSString *const ENRMSelectionAdjustingKey;
 /// Only in `ENRMTextSelectionInTextView` results: whether the range spans the
 /// whole text (same threshold `markdownForRange` uses for the cached markdown).
 extern NSString *const ENRMSelectionFullKey;
@@ -63,6 +64,28 @@ NSDictionary *_Nullable ENRMTextSelectionInTextView(UITextView *textView, UIView
 
 @end
 
+#if !TARGET_OS_OSX
+/// Tells when the user is dragging a selection handle (or holding the loupe).
+/// `UITextView` doesn't call `textViewDidChangeSelection:` during the drag, so
+/// this watches the text view's own selection gestures: every recognizer of
+/// the view and its subviews except scroll, pinch and taps. UIKit adds the
+/// handle recognizers lazily, so call `trackTextView:` again on each selection
+/// change. `change` runs whenever `adjusting` flips.
+@interface ENRMSelectionGestureTracker : NSObject
+
+- (instancetype)initWithChange:(void (^)(void))change NS_DESIGNATED_INITIALIZER;
+- (instancetype)init NS_UNAVAILABLE;
+
+/// A tracked gesture is in `Began` / `Changed`.
+@property (nonatomic, readonly) BOOL adjusting;
+
+- (void)trackTextView:(UITextView *)textView;
+/// Clears `adjusting` without calling `change` (view recycling).
+- (void)reset;
+
+@end
+#endif
+
 #ifdef __cplusplus
 /// Converts a payload into a codegen `OnSelectionChange` struct. Templated
 /// because each component has its own (structurally identical) event struct.
@@ -74,6 +97,7 @@ template <typename Event> inline Event ENRMSelectionChangeEventFromPayload(NSDic
   event.text = std::string([payload[ENRMSelectionTextKey] UTF8String] ?: "");
   event.markdown = std::string([payload[ENRMSelectionMarkdownKey] UTF8String] ?: "");
   event.whole = [payload[ENRMSelectionWholeKey] boolValue];
+  event.adjusting = [payload[ENRMSelectionAdjustingKey] boolValue];
 
   auto assign = [](auto &target, NSValue *value) {
 #if TARGET_OS_OSX

package/ios/utils/ENRMSelectionChange.m

@@ -9,6 +9,7 @@ NSString *const ENRMSelectionWholeKey = @"whole";
 NSString *const ENRMSelectionRectKey = @"rect";
 NSString *const ENRMSelectionStartRectKey = @"startRect";
 NSString *const ENRMSelectionEndRectKey = @"endRect";
+NSString *const ENRMSelectionAdjustingKey = @"adjusting";
 NSString *const ENRMSelectionFullKey = @"full";
 
 static NSValue *ENRMRectValue(CGRect rect)
@@ -202,3 +203,80 @@ NSDictionary *ENRMTextSelectionInTextView(UITextView *textView, UIView *targetVi
 }
 
 @end
+
+#if !TARGET_OS_OSX
+static void ENRMCollectGestures(UIView *view, NSMutableArray<UIGestureRecognizer *> *into)
+{
+  for (UIGestureRecognizer *recognizer in view.gestureRecognizers) {
+    [into addObject:recognizer];
+  }
+  for (UIView *subview in view.subviews) {
+    ENRMCollectGestures(subview, into);
+  }
+}
+
+@implementation ENRMSelectionGestureTracker {
+  void (^_change)(void);
+  NSHashTable<UIGestureRecognizer *> *_gestures;
+}
+
+- (instancetype)initWithChange:(void (^)(void))change
+{
+  if (self = [super init]) {
+    _change = [change copy];
+    _gestures = [NSHashTable weakObjectsHashTable];
+  }
+  return self;
+}
+
+- (void)dealloc
+{
+  // Recognizers don't retain their targets.
+  for (UIGestureRecognizer *recognizer in _gestures) {
+    [recognizer removeTarget:self action:@selector(gestureChanged:)];
+  }
+}
+
+- (void)trackTextView:(UITextView *)textView
+{
+  NSMutableArray<UIGestureRecognizer *> *all = [NSMutableArray array];
+  ENRMCollectGestures(textView, all);
+  for (UIGestureRecognizer *recognizer in all) {
+    if ([_gestures containsObject:recognizer]) {
+      continue;
+    }
+    if (recognizer == textView.panGestureRecognizer || recognizer == textView.pinchGestureRecognizer) {
+      continue;
+    }
+    if ([recognizer isKindOfClass:[UITapGestureRecognizer class]]) {
+      continue;
+    }
+    [_gestures addObject:recognizer];
+    [recognizer addTarget:self action:@selector(gestureChanged:)];
+  }
+}
+
+- (void)reset
+{
+  _adjusting = NO;
+}
+
+- (void)gestureChanged:(UIGestureRecognizer *)recognizer
+{
+  BOOL adjusting = NO;
+  for (UIGestureRecognizer *tracked in _gestures) {
+    UIGestureRecognizerState state = tracked.state;
+    if (state == UIGestureRecognizerStateBegan || state == UIGestureRecognizerStateChanged) {
+      adjusting = YES;
+      break;
+    }
+  }
+  if (adjusting == _adjusting) {
+    return;
+  }
+  _adjusting = adjusting;
+  _change();
+}
+
+@end
+#endif

package/ios/utils/StylePropsUtils.h

@@ -1167,6 +1167,11 @@ BOOL applyMarkdownStyleToConfig(StyleConfig *config, const MarkdownStyle &newSty
     changed = YES;
   }
 
+  if (newStyle.math.glyphOverflow != oldStyle.math.glyphOverflow) {
+    [config setMathGlyphOverflow:newStyle.math.glyphOverflow];
+    changed = YES;
+  }
+
   if (newStyle.math.marginTop != oldStyle.math.marginTop) {
     [config setMathMarginTop:newStyle.math.marginTop];
     changed = YES;
@@ -1215,6 +1220,11 @@ BOOL applyMarkdownStyleToConfig(StyleConfig *config, const MarkdownStyle &newSty
     changed = YES;
   }
 
+  if (newStyle.inlineMath.glyphOverflow != oldStyle.inlineMath.glyphOverflow) {
+    [config setInlineMathGlyphOverflow:newStyle.inlineMath.glyphOverflow];
+    changed = YES;
+  }
+
   // ── Spoiler ─────────────────────────────────────────────────────────────
 
   if (newStyle.spoiler.color != oldStyle.spoiler.color) {

package/ios/views/ENRMMathContainerView.m

@@ -104,7 +104,8 @@
                                              displayMode:YES
                                                 fontSize:config.mathFontSize
                                                    color:config.mathColor
-                                                    bold:ENRMMathFontWeightIsBold(config.mathFontWeight)];
+                                                    bold:ENRMMathFontWeightIsBold(config.mathFontWeight)
+                                           glyphOverflow:config.mathGlyphOverflow];
   _mathView.renderResult = result;
   _mathView.fallbackSource = result ? nil : ENRMMathFallbackString(latex, @"$$", config.mathFontSize, config.mathColor);
 
@@ -199,7 +200,8 @@
                                              displayMode:YES
                                                 fontSize:config.mathFontSize
                                                    color:config.mathColor
-                                                    bold:ENRMMathFontWeightIsBold(config.mathFontWeight)];
+                                                    bold:ENRMMathFontWeightIsBold(config.mathFontWeight)
+                                           glyphOverflow:config.mathGlyphOverflow];
   if (result) {
     return ceil(result.totalHeight) + padding * 2;
   }

package/lib/module/EnrichedMarkdownNativeComponent.ts

@@ -181,12 +181,14 @@ interface MathStyleInternal {
   marginBottom: CodegenTypes.Float;
   textAlign: string;
   fontWeight: string;
+  glyphOverflow: CodegenTypes.Float;
 }
 
 interface InlineMathStyleInternal {
   color: ColorValue;
   paddingVertical: CodegenTypes.Float;
   fontWeight: string;
+  glyphOverflow: CodegenTypes.Float;
 }
 
 interface SpoilerParticlesStyleInternal {
@@ -308,6 +310,7 @@ export interface SelectionChangeEvent {
     width: CodegenTypes.Double;
     height: CodegenTypes.Double;
   };
+  adjusting: boolean;
 }
 
 export interface TaskListItemPressEvent {

package/lib/module/EnrichedMarkdownTextNativeComponent.ts

@@ -182,12 +182,14 @@ interface MathStyleInternal {
   marginBottom: CodegenTypes.Float;
   textAlign: string;
   fontWeight: string;
+  glyphOverflow: CodegenTypes.Float;
 }
 
 interface InlineMathStyleInternal {
   color: ColorValue;
   paddingVertical: CodegenTypes.Float;
   fontWeight: string;
+  glyphOverflow: CodegenTypes.Float;
 }
 
 interface SpoilerParticlesStyleInternal {
@@ -309,6 +311,7 @@ export interface SelectionChangeEvent {
     width: CodegenTypes.Double;
     height: CodegenTypes.Double;
   };
+  adjusting: boolean;
 }
 
 export interface TaskListItemPressEvent {

package/lib/module/normalizeMarkdownStyle.js

@@ -284,12 +284,14 @@ const DEFAULT_NORMALIZED_STYLE = Object.freeze({
     marginTop: 0,
     marginBottom: 16,
     textAlign: 'center',
-    fontWeight: 'normal'
+    fontWeight: 'normal',
+    glyphOverflow: 0
   },
   inlineMath: {
     color: defaultTextColor,
     paddingVertical: 4,
-    fontWeight: 'normal'
+    fontWeight: 'normal',
+    glyphOverflow: 0
   },
   taskList: {
     checkedColor: Platform.select({