react-native-enriched 0.1.3 → 0.1.5

package/ReactNativeEnriched.podspec

@@ -11,7 +11,7 @@ Pod::Spec.new do |s|
   s.authors      = package["author"]
 
   s.platforms    = { :ios => min_ios_version_supported }
-  s.source       = { :git => "https://github.com/software-mansion-labs/react-native-rich-text-editor.git", :tag => "#{s.version}" }
+  s.source       = { :git => "https://github.com/software-mansion/react-native-enriched.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,cpp}"
   s.private_header_files = "ios/**/*.h"

package/android/src/main/java/com/swmansion/enriched/EnrichedTextInputView.kt

@@ -7,6 +7,7 @@ import android.graphics.BlendMode
 import android.graphics.BlendModeColorFilter
 import android.graphics.Color
 import android.graphics.Rect
+import android.graphics.text.LineBreaker
 import android.os.Build
 import android.text.InputType
 import android.text.Spannable
@@ -51,7 +52,7 @@ class EnrichedTextInputView : AppCompatEditText {
   val paragraphStyles: ParagraphStyles? = ParagraphStyles(this)
   val listStyles: ListStyles? = ListStyles(this)
   val parametrizedStyles: ParametrizedStyles? = ParametrizedStyles(this)
-  var isSettingValue: Boolean = false
+  var isDuringTransaction: Boolean = false
   var isRemovingMany: Boolean = false
 
   val mentionHandler: MentionHandler? = MentionHandler(this)
@@ -99,6 +100,10 @@ class EnrichedTextInputView : AppCompatEditText {
     gravity = Gravity.TOP or Gravity.START
     inputType = InputType.TYPE_CLASS_TEXT or InputType.TYPE_TEXT_FLAG_MULTI_LINE
 
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      breakStrategy = LineBreaker.BREAK_STRATEGY_HIGH_QUALITY
+    }
+
     setPadding(0, 0, 0, 0)
     setBackgroundColor(Color.TRANSPARENT)
 
@@ -233,18 +238,17 @@ class EnrichedTextInputView : AppCompatEditText {
 
   fun setValue(value: CharSequence?) {
     if (value == null) return
-    isSettingValue = true
 
-    val newText = parseText(value)
-    setText(newText)
+    runAsATransaction {
+      val newText = parseText(value)
+      setText(newText)
 
-    // Assign SpanWatcher one more time as our previous spannable has been replaced
-    addSpanWatcher(EnrichedSpanWatcher(this))
-
-    // Scroll to the last line of text
-    setSelection(text?.length ?: 0)
+      // Assign SpanWatcher one more time as our previous spannable has been replaced
+      addSpanWatcher(EnrichedSpanWatcher(this))
 
-    isSettingValue = false
+      // Scroll to the last line of text
+      setSelection(text?.length ?: 0)
+    }
   }
 
   fun setAutoFocus(autoFocus: Boolean) {
@@ -452,13 +456,13 @@ class EnrichedTextInputView : AppCompatEditText {
       val end = selection?.end ?: 0
       val lengthBefore = text?.length ?: 0
 
-      isSettingValue = true
-      val targetRange = getTargetRange(name)
-      val removed = removeStyle(style, targetRange.first, targetRange.second)
-      if (removed) {
-        spanState?.setStart(style, null)
+      runAsATransaction {
+        val targetRange = getTargetRange(name)
+        val removed = removeStyle(style, targetRange.first, targetRange.second)
+        if (removed) {
+          spanState?.setStart(style, null)
+        }
       }
-      isSettingValue = false
 
       val lengthAfter = text?.length ?: 0
       val charactersRemoved = lengthBefore - lengthAfter
@@ -516,6 +520,18 @@ class EnrichedTextInputView : AppCompatEditText {
     parametrizedStyles?.setMentionSpan(text, indicator, attributes)
   }
 
+  // Sometimes setting up style triggers many changes in sequence
+  // Eg. removing conflicting styles -> changing text -> applying spans
+  // In such scenario we want to prevent from handling side effects (eg. onTextChanged)
+  fun runAsATransaction(block: () -> Unit) {
+    try {
+      isDuringTransaction = true
+      block()
+    } finally {
+      isDuringTransaction = false
+    }
+  }
+
   override fun onAttachedToWindow() {
     super.onAttachedToWindow()
 

package/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewLayoutManager.kt

@@ -1,5 +1,7 @@
 package com.swmansion.enriched
 
+import android.graphics.text.LineBreaker
+import android.os.Build
 import android.text.Editable
 import android.text.StaticLayout
 import com.facebook.react.bridge.Arguments
@@ -50,12 +52,20 @@ class EnrichedTextInputViewLayoutManager(private val view: EnrichedTextInputView
     val paint = view.paint
     val textLength = text.length
 
-    val staticLayout = StaticLayout.Builder
+    val builder = StaticLayout.Builder
       .obtain(text, 0, textLength, paint, maxWidth.toInt())
       .setIncludePad(true)
       .setLineSpacing(0f, 1f)
-      .build()
 
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      builder.setBreakStrategy(LineBreaker.BREAK_STRATEGY_HIGH_QUALITY)
+    }
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+      builder.setUseLineSpacingFromFallbacks(true)
+    }
+
+    val staticLayout = builder.build()
     val heightInSP = PixelUtil.toDIPFromPixel(staticLayout.height.toFloat())
     val widthInSP = PixelUtil.toDIPFromPixel(maxWidth)
 

package/android/src/main/java/com/swmansion/enriched/events/MentionHandler.kt

@@ -8,6 +8,11 @@ class MentionHandler(private val view: EnrichedTextInputView) {
   private var previousText: String? = null
   private var previousIndicator: String? = null
 
+  fun reset() {
+    previousText = null
+    previousIndicator = null
+  }
+
   fun endMention() {
     val indicator = previousIndicator
     if (indicator == null) return

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedBlockQuoteSpan.kt

@@ -4,13 +4,17 @@ import android.graphics.Canvas
 import android.graphics.Paint
 import android.text.Layout
 import android.text.TextPaint
-import android.text.style.CharacterStyle
 import android.text.style.LeadingMarginSpan
+import android.text.style.MetricAffectingSpan
 import com.swmansion.enriched.spans.interfaces.EnrichedBlockSpan
 import com.swmansion.enriched.styles.HtmlStyle
 
 // https://android.googlesource.com/platform/frameworks/base/+/refs/heads/main/core/java/android/text/style/QuoteSpan.java
-class EnrichedBlockQuoteSpan(private val htmlStyle: HtmlStyle) : CharacterStyle(), LeadingMarginSpan, EnrichedBlockSpan {
+class EnrichedBlockQuoteSpan(private val htmlStyle: HtmlStyle) : MetricAffectingSpan(), LeadingMarginSpan, EnrichedBlockSpan {
+  override fun updateMeasureState(p0: TextPaint) {
+    // Do nothing, but inform layout that this span affects text metrics
+  }
+
   override fun getLeadingMargin(p0: Boolean): Int {
     return htmlStyle.blockquoteStripeWidth + htmlStyle.blockquoteGapWidth
   }

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedCodeBlockSpan.kt

@@ -5,15 +5,19 @@ import android.graphics.Paint
 import android.graphics.RectF
 import android.graphics.Typeface
 import android.text.TextPaint
-import android.text.style.CharacterStyle
 import android.text.style.LineBackgroundSpan
+import android.text.style.MetricAffectingSpan
 import com.swmansion.enriched.spans.interfaces.EnrichedBlockSpan
 import com.swmansion.enriched.styles.HtmlStyle
 
-class EnrichedCodeBlockSpan(private val htmlStyle: HtmlStyle) : CharacterStyle(), LineBackgroundSpan, EnrichedBlockSpan {
-  override fun updateDrawState(paint: TextPaint?) {
-    paint?.typeface = Typeface.MONOSPACE
-    paint?.color = htmlStyle.codeBlockColor
+class EnrichedCodeBlockSpan(private val htmlStyle: HtmlStyle) : MetricAffectingSpan(), LineBackgroundSpan, EnrichedBlockSpan {
+  override fun updateDrawState(paint: TextPaint) {
+    paint.typeface = Typeface.MONOSPACE
+    paint.color = htmlStyle.codeBlockColor
+  }
+
+  override fun updateMeasureState(paint: TextPaint) {
+    paint.typeface = Typeface.MONOSPACE
   }
 
   override fun drawBackground(

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedInlineCodeSpan.kt

@@ -2,15 +2,20 @@ package com.swmansion.enriched.spans
 
 import android.graphics.Typeface
 import android.text.TextPaint
-import android.text.style.BackgroundColorSpan
+import android.text.style.MetricAffectingSpan
 import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
 import com.swmansion.enriched.styles.HtmlStyle
 
-class EnrichedInlineCodeSpan(private val htmlStyle: HtmlStyle) : BackgroundColorSpan(htmlStyle.inlineCodeBackgroundColor), EnrichedInlineSpan {
+class EnrichedInlineCodeSpan(private val htmlStyle: HtmlStyle) : MetricAffectingSpan(), EnrichedInlineSpan {
   override fun updateDrawState(textPaint: TextPaint) {
-    super.updateDrawState(textPaint)
-
+    val typeface = Typeface.create(Typeface.MONOSPACE, Typeface.NORMAL)
+    textPaint.typeface = typeface
     textPaint.color = htmlStyle.inlineCodeColor
-    textPaint.typeface = Typeface.create(Typeface.MONOSPACE, Typeface.NORMAL)
+    textPaint.bgColor = htmlStyle.inlineCodeBackgroundColor
+  }
+
+  override fun updateMeasureState(textPaint: TextPaint) {
+    val typeface = Typeface.create(Typeface.MONOSPACE, Typeface.NORMAL)
+    textPaint.typeface = typeface
   }
 }

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedOrderedListSpan.kt

@@ -4,11 +4,21 @@ import android.graphics.Canvas
 import android.graphics.Paint
 import android.graphics.Typeface
 import android.text.Layout
+import android.text.TextPaint
 import android.text.style.LeadingMarginSpan
+import android.text.style.MetricAffectingSpan
 import com.swmansion.enriched.spans.interfaces.EnrichedParagraphSpan
 import com.swmansion.enriched.styles.HtmlStyle
 
-class EnrichedOrderedListSpan(private var index: Int, private val htmlStyle: HtmlStyle) : LeadingMarginSpan, EnrichedParagraphSpan {
+class EnrichedOrderedListSpan(private var index: Int, private val htmlStyle: HtmlStyle) : MetricAffectingSpan(), LeadingMarginSpan, EnrichedParagraphSpan {
+  override fun updateMeasureState(p0: TextPaint) {
+    // Do nothing, but inform layout that this span affects text metrics
+  }
+
+  override fun updateDrawState(p0: TextPaint?) {
+    // Do nothing, but inform layout that this span affects text metrics
+  }
+
   override fun getLeadingMargin(first: Boolean): Int {
     return htmlStyle.olMarginLeft + htmlStyle.olGapWidth
   }

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedUnorderedListSpan.kt

@@ -4,12 +4,22 @@ import android.graphics.Canvas
 import android.graphics.Paint
 import android.text.Layout
 import android.text.Spanned
+import android.text.TextPaint
 import android.text.style.LeadingMarginSpan
+import android.text.style.MetricAffectingSpan
 import com.swmansion.enriched.spans.interfaces.EnrichedParagraphSpan
 import com.swmansion.enriched.styles.HtmlStyle
 
 // https://android.googlesource.com/platform/frameworks/base/+/refs/heads/main/core/java/android/text/style/BulletSpan.java
-class EnrichedUnorderedListSpan(private val htmlStyle: HtmlStyle) : LeadingMarginSpan, EnrichedParagraphSpan {
+class EnrichedUnorderedListSpan(private val htmlStyle: HtmlStyle) : MetricAffectingSpan(), LeadingMarginSpan, EnrichedParagraphSpan {
+  override fun updateMeasureState(p0: TextPaint) {
+    // Do nothing, but inform layout that this span affects text metrics
+  }
+
+  override fun updateDrawState(p0: TextPaint?) {
+    // Do nothing, but inform layout that this span affects text metrics
+  }
+
   override fun getLeadingMargin(p0: Boolean): Int {
     return htmlStyle.ulBulletSize + htmlStyle.ulGapWidth + htmlStyle.ulMarginLeft
   }

package/android/src/main/java/com/swmansion/enriched/styles/ListStyles.kt

@@ -58,12 +58,11 @@ class ListStyles(private val view: EnrichedTextInputView) {
     val spans = ssb.getSpans(start, end, clazz)
     if (spans.isEmpty()) return false
 
-    ssb.replace(start, end, ssb.substring(start, end).replace("\u200B", ""))
-
     for (span in spans) {
       ssb.removeSpan(span)
     }
 
+    ssb.replace(start, end, ssb.substring(start, end).replace("\u200B", ""))
     return true
   }
 

package/android/src/main/java/com/swmansion/enriched/styles/ParametrizedStyles.kt

@@ -201,18 +201,22 @@ class ParametrizedStyles(private val view: EnrichedTextInputView) {
     }
 
     val start = mentionStart ?: return
-    spannable.replace(start, selectionEnd, text)
 
-    val span = EnrichedMentionSpan(text, indicator, attributes, view.htmlStyle)
-    val spanEnd = start + text.length
-    val (safeStart, safeEnd) = spannable.getSafeSpanBoundaries(start, spanEnd)
-    spannable.setSpan(span, safeStart, safeEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
+    view.runAsATransaction {
+      spannable.replace(start, selectionEnd, text)
 
-    val hasSpaceAtTheEnd = spannable.length > safeEnd && spannable[safeEnd] == ' '
-    if (!hasSpaceAtTheEnd) {
-      spannable.insert(safeEnd, " ")
+      val span = EnrichedMentionSpan(text, indicator, attributes, view.htmlStyle)
+      val spanEnd = start + text.length
+      val (safeStart, safeEnd) = spannable.getSafeSpanBoundaries(start, spanEnd)
+      spannable.setSpan(span, safeStart, safeEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
+
+      val hasSpaceAtTheEnd = spannable.length > safeEnd && spannable[safeEnd] == ' '
+      if (!hasSpaceAtTheEnd) {
+        spannable.insert(safeEnd, " ")
+      }
     }
 
+    view.mentionHandler?.reset()
     view.selection.validateStyles()
   }
 

package/android/src/main/java/com/swmansion/enriched/utils/EnrichedSelection.kt

@@ -39,7 +39,7 @@ class EnrichedSelection(private val view: EnrichedTextInputView) {
     val finalStart = newStart.coerceAtMost(newEnd).coerceAtLeast(0).coerceAtMost(textLength)
     val finalEnd = newEnd.coerceAtLeast(newStart).coerceAtLeast(0).coerceAtMost(textLength)
 
-    if (isZeroWidthSelection(finalStart, finalEnd) && !view.isSettingValue) {
+    if (isZeroWidthSelection(finalStart, finalEnd) && !view.isDuringTransaction) {
       view.setSelection(finalStart + 1)
       shouldValidateStyles = false
     }

package/android/src/main/java/com/swmansion/enriched/watchers/EnrichedTextWatcher.kt

@@ -18,14 +18,14 @@ class EnrichedTextWatcher(private val view: EnrichedTextInputView) : TextWatcher
   override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
     endCursorPosition = start + count
     view.layoutManager.measureSize(s ?: "")
-    view.isRemovingMany = !view.isSettingValue && before > count + 1
+    view.isRemovingMany = !view.isDuringTransaction && before > count + 1
   }
 
   override fun afterTextChanged(s: Editable?) {
     if (s == null) return
     emitEvents(s)
 
-    if (view.isSettingValue) return
+    if (view.isDuringTransaction) return
     applyStyles(s)
   }
 

package/android/src/main/new_arch/CMakeLists.txt

@@ -39,15 +39,19 @@ target_link_libraries(
         ReactAndroid::reactnative
 )
 
-target_compile_options(
-        ${LIB_TARGET_NAME}
-        PRIVATE
-        -DLOG_TAG=\"ReactNative\"
-        -fexceptions
-        -frtti
-        -Wall
-        -std=c++20
-)
+if(ReactAndroid_VERSION_MINOR GREATER_EQUAL 80)
+  target_compile_reactnative_options(${LIB_TARGET_NAME} PRIVATE)
+else()
+  target_compile_options(
+          ${LIB_TARGET_NAME}
+          PRIVATE
+          -DLOG_TAG=\"ReactNative\"
+          -fexceptions
+          -frtti
+          -Wall
+          -std=c++20
+  )
+endif()
 
 target_include_directories(
         ${CMAKE_PROJECT_NAME}

package/android/src/main/new_arch/react/renderer/components/RNEnrichedTextInputViewSpec/EnrichedTextInputMeasurementManager.h

@@ -11,7 +11,7 @@ namespace facebook::react {
     class EnrichedTextInputMeasurementManager {
     public:
         EnrichedTextInputMeasurementManager(
-                const ContextContainer::Shared& contextContainer)
+                const std::shared_ptr<const ContextContainer>& contextContainer)
                 : contextContainer_(contextContainer) {}
 
         Size measure(
@@ -20,7 +20,7 @@ namespace facebook::react {
                 LayoutConstraints layoutConstraints) const;
 
     private:
-        const ContextContainer::Shared contextContainer_;
+        const std::shared_ptr<const ContextContainer> contextContainer_;
     };
 
 } // namespace facebook::react

package/ios/EnrichedTextInputView.mm

@@ -14,6 +14,7 @@
 #import "WordsUtils.h"
 #import "LayoutManagerExtension.h"
 #import "ZeroWidthSpaceUtils.h"
+#import "ParagraphAttributesUtils.h"
 
 using namespace facebook::react;
 
@@ -422,7 +423,7 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
   }
   
   // editable
-  if(newViewProps.editable != oldViewProps.editable) {
+  if(newViewProps.editable != textView.editable) {
     textView.editable = newViewProps.editable;
   }
   
@@ -564,7 +565,7 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
     unichar lastChar = [currentStr.string characterAtIndex:currentStr.length-1];
     if([[NSCharacterSet newlineCharacterSet] characterIsMember:lastChar]) {
       [currentStr appendAttributedString:
-        [[NSAttributedString alloc] initWithString:@"I" attributes:textView.typingAttributes]
+        [[NSAttributedString alloc] initWithString:@"I" attributes:defaultTypingAttributes]
       ];
     }
   }
@@ -977,6 +978,22 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
     [mentionStyleClass manageMentionTypingAttributes];
     [mentionStyleClass manageMentionEditing];
   }
+  
+  // typing attributes for empty lines selection reset
+  NSString *currentString = [textView.textStorage.string copy];
+  if(textView.selectedRange.length == 0 && [_recentlyEmittedString isEqualToString:currentString]) {
+    // no string change means only a selection changed with no character changes
+    NSRange paragraphRange = [textView.textStorage.string paragraphRangeForRange:textView.selectedRange];
+    if(
+      paragraphRange.length == 0 ||
+      (paragraphRange.length == 1 &&
+      [[NSCharacterSet newlineCharacterSet] characterIsMember:[textView.textStorage.string characterAtIndex:paragraphRange.location]])
+    ) {
+      // user changed selection to an empty line (or empty line with a newline)
+      // typing attributes need to be reset
+      textView.typingAttributes = defaultTypingAttributes;
+    }
+  }
 }
 
 - (void)handleWordModificationBasedChanges:(NSString*)word inRange:(NSRange)range {
@@ -995,15 +1012,15 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
     return;
   }
   
+  // zero width space adding or removal
+  [ZeroWidthSpaceUtils handleZeroWidthSpacesInInput:self];
+  
   // emptying input typing attributes management
   if(textView.textStorage.string.length == 0 && _recentlyEmittedString.length > 0) {
     // reset typing attribtues
     textView.typingAttributes = defaultTypingAttributes;
   }
   
-  // zero width space removal
-  [ZeroWidthSpaceUtils handleZeroWidthSpacesInInput:self];
-  
   // inline code on newlines fix
   InlineCodeStyle *codeStyle = stylesDict[@([InlineCodeStyle getStyleType])];
   if(codeStyle != nullptr) {
@@ -1016,6 +1033,16 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
     [bqStyle manageBlockquoteColor];
   }
   
+  // improper headings fix
+  H1Style *h1Style = stylesDict[@([H1Style getStyleType])];
+  H2Style *h2Style = stylesDict[@([H2Style getStyleType])];
+  H3Style *h3Style = stylesDict[@([H3Style getStyleType])];
+  if(h1Style != nullptr && h2Style != nullptr && h3Style != nullptr) {
+    [h1Style handleImproperHeadings];
+    [h2Style handleImproperHeadings];
+    [h3Style handleImproperHeadings];
+  }
+  
   // placholder management
   if(!_placeholderLabel.hidden && textView.textStorage.string.length > 0) {
     [self setPlaceholderLabelShown:NO];
@@ -1064,10 +1091,15 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
   [self tryUpdatingHeight];
   // update active styles as well
   [self tryUpdatingActiveStyles];
+
   // update drawing
-  NSRange wholeRange = NSMakeRange(0, textView.textStorage.string.length);
-  [textView.layoutManager invalidateLayoutForCharacterRange:wholeRange actualCharacterRange:nullptr];
-  [textView.layoutManager invalidateDisplayForCharacterRange:wholeRange];
+   dispatch_async(dispatch_get_main_queue(), ^{
+     NSRange wholeRange = NSMakeRange(0, textView.textStorage.string.length);
+     NSRange actualRange = NSMakeRange(0, 0);
+     [textView.layoutManager invalidateLayoutForCharacterRange:wholeRange actualCharacterRange:&actualRange];
+     [textView.layoutManager ensureLayoutForCharacterRange:actualRange];
+     [textView.layoutManager invalidateDisplayForCharacterRange:wholeRange];
+   });
 }
 
 // MARK: - UITextView delegate methods
@@ -1102,61 +1134,37 @@ Class<RCTComponentViewProtocol> EnrichedTextInputViewCls(void) {
 - (bool)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {
   recentlyChangedRange = NSMakeRange(range.location, text.length);
   
-  BOOL rejectTextChanges = NO;
-  
   UnorderedListStyle *uStyle = stylesDict[@([UnorderedListStyle getStyleType])];
-  if(uStyle != nullptr) {
-    // removing first line list fix
-    BOOL removedFirstLineList = [uStyle handleBackspaceInRange:range replacementText:text];
-    
-    // creating unordered list from "- "
-    BOOL addedShortcutList = [uStyle tryHandlingListShorcutInRange:range replacementText:text];
-    
-    // any of these changes make us reject text changes
-    rejectTextChanges = rejectTextChanges || removedFirstLineList || addedShortcutList;
-  }
-  
   OrderedListStyle *oStyle = stylesDict[@([OrderedListStyle getStyleType])];
-  if(oStyle != nullptr) {
-    // removing first line list fix
-    BOOL removedFirstLineList = [oStyle handleBackspaceInRange:range replacementText:text];
-    
-    // creating ordered list from "1."
-    BOOL addedShortcutList = [oStyle tryHandlingListShorcutInRange:range replacementText:text];
-    
-    // any of these changes make us reject text changes
-    rejectTextChanges = rejectTextChanges || removedFirstLineList || addedShortcutList;
-  }
-  
   BlockQuoteStyle *bqStyle = stylesDict[@([BlockQuoteStyle getStyleType])];
-  if(bqStyle != nullptr) {
-    // removing first line quote fix
-    BOOL removedFirstLineQuote = [bqStyle handleBackspaceInRange:range replacementText:text];
-    rejectTextChanges = rejectTextChanges || removedFirstLineQuote;
-  }
-  
   LinkStyle *linkStyle = stylesDict[@([LinkStyle getStyleType])];
-  if(linkStyle != nullptr) {
-    // persisting link attributes fix
-    BOOL fixedLeadingAttributes = [linkStyle handleLeadingLinkReplacement:range replacementText:text];
-    rejectTextChanges = rejectTextChanges || fixedLeadingAttributes;
-  }
-  
   MentionStyle *mentionStyle = stylesDict[@([MentionStyle getStyleType])];
-  if(mentionStyle != nullptr) {
-    // persisting mention attributes fix
-    BOOL fixedLeadingAttributes = [mentionStyle handleLeadingMentionReplacement:range replacementText:text];
-    rejectTextChanges = rejectTextChanges || fixedLeadingAttributes;
-  }
-  
-  // zero width space removal fix
-  rejectTextChanges = rejectTextChanges || [ZeroWidthSpaceUtils handleBackspaceInRange:range replacementText:text input:self];
-
-  if(rejectTextChanges) {
+  H1Style *h1Style = stylesDict[@([H1Style getStyleType])];
+  H2Style *h2Style = stylesDict[@([H2Style getStyleType])];
+  H3Style *h3Style = stylesDict[@([H3Style getStyleType])];
+  
+  // some of the changes these checks do could interfere with later checks and cause a crash
+  // so here I rely on short circuiting evaluation of the logical expression
+  // either way it's not possible to have two of them come off at the same time
+  if(
+    [uStyle handleBackspaceInRange:range replacementText:text] ||
+    [uStyle tryHandlingListShorcutInRange:range replacementText:text] ||
+    [oStyle handleBackspaceInRange:range replacementText:text] ||
+    [oStyle tryHandlingListShorcutInRange:range replacementText:text] ||
+    [bqStyle handleBackspaceInRange:range replacementText:text] ||
+    [linkStyle handleLeadingLinkReplacement:range replacementText:text] ||
+    [mentionStyle handleLeadingMentionReplacement:range replacementText:text] ||
+    [h1Style handleNewlinesInRange:range replacementText:text] ||
+    [h2Style handleNewlinesInRange:range replacementText:text] ||
+    [h3Style handleNewlinesInRange:range replacementText:text] ||
+    [ZeroWidthSpaceUtils handleBackspaceInRange:range replacementText:text input:self] ||
+    [ParagraphAttributesUtils handleBackspaceInRange:range replacementText:text input:self]
+  ) {
     [self anyTextMayHaveBeenModified];
+    return NO;
   }
-  
-  return !rejectTextChanges;
+
+  return YES;
 }
 
 - (void)textViewDidChangeSelection:(UITextView *)textView {

package/ios/internals/EnrichedTextInputViewShadowNode.mm

@@ -55,7 +55,10 @@ Size EnrichedTextInputViewShadowNode::measureContent(const LayoutContext& layout
         });
       }
       
-      return {estimatedSize.width, estimatedSize.height};
+      return {
+        estimatedSize.width,
+        MIN(estimatedSize.height, layoutConstraints.maximumSize.height)
+      };
     }
   } else {
     // on the very first call there is no componentView that we can query for the component height

package/ios/styles/BlockQuoteStyle.mm

@@ -118,16 +118,22 @@
   [self removeAttributes:_input->textView.selectedRange];
 }
 
-// removing first quote line by backspacing doesn't remove typing attributes because it doesn't run textViewDidChange
-// so we try guessing that a point should be deleted here
 - (BOOL)handleBackspaceInRange:(NSRange)range replacementText:(NSString *)text {
-  if([self detectStyle:_input->textView.selectedRange] &&
-     NSEqualRanges(_input->textView.selectedRange, NSMakeRange(0, 0)) &&
-     [text isEqualToString:@""]
-  ) {
+  if([self detectStyle:_input->textView.selectedRange] && text.length == 0) {
+    // backspace while the style is active
+    
     NSRange paragraphRange = [_input->textView.textStorage.string paragraphRangeForRange:_input->textView.selectedRange];
-    [self removeAttributes:paragraphRange];
-    return YES;
+    
+    if(NSEqualRanges(_input->textView.selectedRange, NSMakeRange(0, 0))) {
+      // a backspace on the very first input's line quote
+      // it doesn't run textVieDidChange so we need to manually remove attributes
+      [self removeAttributes:paragraphRange];
+      return YES;
+    } else if(range.location == paragraphRange.location - 1) {
+      // same case in other lines; here, the removed range location will be exactly 1 less than paragraph range location
+      [self removeAttributes:paragraphRange];
+      return YES;
+    }
   }
   return NO;
 }
@@ -145,22 +151,11 @@
       }
     ];
   } else {
-    NSInteger searchLocation = range.location;
-    if(searchLocation == _input->textView.textStorage.length) {
-      NSParagraphStyle *pStyle = _input->textView.typingAttributes[NSParagraphStyleAttributeName];
-      return [self styleCondition:pStyle :NSMakeRange(0, 0)];
-    }
-    
-    NSRange paragraphRange = NSMakeRange(0, 0);
-    NSRange inputRange = NSMakeRange(0, _input->textView.textStorage.length);
-    NSParagraphStyle *paragraph = [_input->textView.textStorage
-      attribute:NSParagraphStyleAttributeName
-      atIndex:searchLocation
-      longestEffectiveRange: &paragraphRange
-      inRange:inputRange
+    return [OccurenceUtils detect:NSParagraphStyleAttributeName withInput:_input atIndex:range.location checkPrevious:YES
+      withCondition:^BOOL(id  _Nullable value, NSRange range) {
+        return [self styleCondition:value :range];
+      }
     ];
-    
-    return [self styleCondition:paragraph :NSMakeRange(0, 0)];
   }
 }