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

package/android/build.gradle

@@ -270,6 +270,8 @@ dependencies {
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
   // Baseline Profile installer for AOT compilation hints
   implementation "androidx.profileinstaller:profileinstaller:1.3.1"
+  // AppCompatTextView draws emoji through EmojiCompat; measurement must apply it too
+  implementation "androidx.emoji2:emoji2:1.4.0"
   // LaTeX math rendering (optional — set enrichedMarkdown.enableMath=false in gradle.properties to exclude)
   if (enableMath) {
     implementation("io.github.erweixin:ratex-android:0.1.10")

package/android/src/main/java/com/swmansion/enriched/markdown/EnrichedMarkdownInternalText.kt

@@ -21,6 +21,7 @@ import com.swmansion.enriched.markdown.utils.text.view.cancelJSTouchForCheckboxT
 import com.swmansion.enriched.markdown.utils.text.view.cancelJSTouchForLinkTap
 import com.swmansion.enriched.markdown.utils.text.view.clearTextSelection
 import com.swmansion.enriched.markdown.utils.text.view.createSelectionActionModeCallback
+import com.swmansion.enriched.markdown.utils.text.view.isRomSelectionPopupShower
 import com.swmansion.enriched.markdown.utils.text.view.reallowParentInterceptIfLinkReleased
 import com.swmansion.enriched.markdown.utils.text.view.setupAsMarkdownTextView
 import com.swmansion.enriched.markdown.views.BlockSegmentView
@@ -140,6 +141,15 @@ class EnrichedMarkdownInternalText
       return super.startActionMode(callback, type)
     }
 
+    // See isRomSelectionPopupShower: MIUI shows its own selection popup this way.
+    override fun postDelayed(
+      action: Runnable?,
+      delayMillis: Long,
+    ): Boolean {
+      if (contextMenuHidden && isRomSelectionPopupShower(action)) return false
+      return super.postDelayed(action, delayMillis)
+    }
+
     /** Clears the selection and ends its ActionMode. */
     fun clearSelection() {
       clearTextSelection()

package/android/src/main/java/com/swmansion/enriched/markdown/EnrichedMarkdownText.kt

@@ -44,6 +44,7 @@ import com.swmansion.enriched.markdown.utils.text.view.createSelectionActionMode
 import com.swmansion.enriched.markdown.utils.text.view.currentTextSelection
 import com.swmansion.enriched.markdown.utils.text.view.emitLinkLongPressEvent
 import com.swmansion.enriched.markdown.utils.text.view.emitLinkPressEvent
+import com.swmansion.enriched.markdown.utils.text.view.isRomSelectionPopupShower
 import com.swmansion.enriched.markdown.utils.text.view.reallowParentInterceptIfLinkReleased
 import com.swmansion.enriched.markdown.utils.text.view.setupAsMarkdownTextView
 import java.util.concurrent.Executors
@@ -348,6 +349,15 @@ class EnrichedMarkdownText
       return super.startActionMode(callback, type)
     }
 
+    // See isRomSelectionPopupShower: MIUI shows its own selection popup this way.
+    override fun postDelayed(
+      action: Runnable?,
+      delayMillis: Long,
+    ): Boolean {
+      if (contextMenuHidden && isRomSelectionPopupShower(action)) return false
+      return super.postDelayed(action, delayMillis)
+    }
+
     /** Clears the selection (ending its ActionMode) and reports `active: false`. */
     fun clearSelection() {
       clearTextSelection()

package/android/src/main/java/com/swmansion/enriched/markdown/MeasurementStore.kt

@@ -7,6 +7,7 @@ import android.text.SpannableString
 import android.text.StaticLayout
 import android.text.TextPaint
 import android.util.Log
+import androidx.emoji2.text.EmojiCompat
 import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.uimanager.PixelUtil
 import com.facebook.yoga.YogaMeasureMode
@@ -92,6 +93,38 @@ object MeasurementStore {
   }
 
   private val measurePaint = TextPaint()
+
+  @Volatile
+  private var emojiInitCallbackRegistered = false
+
+  // A view measured before EmojiCompat loaded keeps a size without its emoji glyphs.
+  private val emojiInitCallback =
+    object : EmojiCompat.InitCallback() {
+      override fun onInitialized() {
+        data.clear()
+      }
+    }
+
+  // AppCompatTextView draws emoji the system font lacks through EmojiCompat, which can be
+  // wider than the fallback glyph and wrap a line earlier; measure the same glyphs.
+  private fun withEmojiSpans(text: CharSequence): CharSequence {
+    if (text.isEmpty() || !EmojiCompat.isConfigured()) return text
+    val emojiCompat = EmojiCompat.get()
+    if (emojiCompat.loadState != EmojiCompat.LOAD_STATE_SUCCEEDED) {
+      if (!emojiInitCallbackRegistered) {
+        emojiInitCallbackRegistered = true
+        emojiCompat.registerInitCallback(emojiInitCallback)
+      }
+      return text
+    }
+    return try {
+      emojiCompat.process(SpannableString(text)) ?: text
+    } catch (e: IllegalStateException) {
+      Log.w(TAG, "EmojiCompat processing failed, measuring raw text", e)
+      text
+    }
+  }
+
   private val measureRenderer = Renderer()
 
   @Volatile
@@ -550,9 +583,10 @@ object MeasurementStore {
     viewId: Int?,
   ): StaticLayout {
     measurePaint.textSize = fontSize
-    prepareImageSpansForMeasurement(text, widthPx)
+    val content = withEmojiSpans(text)
+    prepareImageSpansForMeasurement(content, widthPx)
     return StaticLayout.Builder
-      .obtain(text, 0, text.length, measurePaint, widthPx)
+      .obtain(content, 0, content.length, measurePaint, widthPx)
       .setIncludePad(false)
       .setLineSpacing(0f, 1f)
       .apply {
@@ -632,7 +666,7 @@ object MeasurementStore {
     paint: TextPaint,
     viewId: Int?,
   ): Long {
-    val content = text ?: ""
+    val content = withEmojiSpans(text ?: "")
     val safeWidth = ceil(maxWidth).toInt().coerceAtLeast(1)
     prepareImageSpansForMeasurement(content, safeWidth)
 
@@ -672,7 +706,7 @@ object MeasurementStore {
     paint: TextPaint,
     viewId: Int?,
   ): Pair<Long, StaticLayout> {
-    val content = text ?: ""
+    val content = withEmojiSpans(text ?: "")
     val widthPx = ceil(maxWidth).toInt().coerceAtLeast(1)
     prepareImageSpansForMeasurement(content, widthPx)
 

package/android/src/main/java/com/swmansion/enriched/markdown/utils/text/view/HeadlessActionMode.kt

@@ -74,3 +74,15 @@ internal class HeadlessActionMode private constructor(
     }
   }
 }
+
+/**
+ * MIUI 12 (Android 10) replaces android.widget.Editor: text selection never reaches
+ * startActionMode or the custom ActionMode callback, so HeadlessActionMode is never used.
+ * Its own popup is shown by Editor$HandleView.showActionPopupWindow, which posts a runnable
+ * on the TextView (Editor$HandleView$2). Dropping that runnable is the only hook left while
+ * `contextMenuHidden` is on.
+ */
+private const val ROM_SELECTION_POPUP_SHOWER_PREFIX = "android.widget.Editor\$HandleView"
+
+internal fun isRomSelectionPopupShower(action: Runnable?): Boolean =
+  action != null && action.javaClass.name.startsWith(ROM_SELECTION_POPUP_SHOWER_PREFIX)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-enriched-markdown-scaffold",
-  "version": "1.0.2-scaffold.8",
+  "version": "1.0.2-scaffold.9",
   "description": "Markdown-based Rich Text solution for React Native",
   "main": "./lib/module/index",
   "module": "./lib/module/index",