react-native-tvos 0.87.1-0 → 0.88.0-0rc2

package/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.kt

@@ -14,6 +14,7 @@ import android.graphics.Canvas
 import android.graphics.Color
 import android.graphics.Paint
 import android.graphics.Rect
+import android.graphics.Typeface
 import android.os.Build
 import android.os.Bundle
 import android.text.Editable
@@ -47,6 +48,7 @@ import androidx.core.view.ViewCompat
 import com.facebook.common.logging.FLog
 import com.facebook.react.bridge.ReactSoftExceptionLogger.logSoftException
 import com.facebook.react.common.ReactConstants
+import com.facebook.react.common.assets.ReactFontManager
 import com.facebook.react.common.build.ReactBuildConfig
 import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
 import com.facebook.react.internal.featureflags.ReactNativeNewArchitectureFeatureFlags
@@ -73,6 +75,7 @@ import com.facebook.react.views.text.ReactTextUpdate
 import com.facebook.react.views.text.ReactTypefaceUtils.applyStyles
 import com.facebook.react.views.text.ReactTypefaceUtils.getFontWeightAdjustment
 import com.facebook.react.views.text.ReactTypefaceUtils.parseFontStyle
+import com.facebook.react.views.text.ReactTypefaceUtils.parseFontVariationSettings
 import com.facebook.react.views.text.ReactTypefaceUtils.parseFontWeight
 import com.facebook.react.views.text.TextAttributes
 import com.facebook.react.views.text.TextLayoutManager
@@ -135,12 +138,17 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
   private var fontFamily: String? = null
   private var fontWeight = ReactConstants.UNSET
   private var fontStyle = ReactConstants.UNSET
+  internal var parsedFontVariationSettings: String? = null
+    private set
+
   private var autoFocus = false
   private var contextMenuHidden = false
   private var didAttachToWindow = false
   private var selectTextOnFocus = false
   private var placeholder: String? = null
-  private var overflow = Overflow.VISIBLE
+  internal var overflow = Overflow.VISIBLE
+    private set
+
   private var wasMultiline = false
 
   public var stateWrapper: StateWrapper? = null
@@ -260,6 +268,13 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
             if (contextMenuHidden) {
               return false
             }
+            // setTextIsSelectable(true) (see onAttachedToWindow) makes the platform Editor
+            // treat this view as read-only selectable text and skip its "Show the IME to be
+            // able to replace text" branch when a selection or insertion action mode starts
+            // (Editor#startActionModeInternal gates it on !isTextSelectable()). Compensate
+            // here so long-pressing an editable input summons the keyboard, matching stock
+            // EditText behavior.
+            showSoftKeyboardIfEditable()
             menu.removeItem(android.R.id.pasteAsPlainText)
             return true
           }
@@ -395,7 +410,7 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
    */
   override fun onTextContextMenuItem(id: Int): Boolean =
       super.onTextContextMenuItem(
-          if (id == android.R.id.paste) android.R.id.pasteAsPlainText else id
+          if (id == android.R.id.paste) android.R.id.pasteAsPlainText else id,
       )
 
   internal fun clearFocusAndMaybeRefocus() {
@@ -534,6 +549,14 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
     if (!focused) {
       isKeyboardOpened = false
     }
+    // Gaining focus with a non-collapsed selection means focus arrived through a
+    // long-press text selection rather than a tap or programmatic focus — the one focus
+    // path that never requests the soft keyboard (see onCreateActionMode). The action
+    // mode can be created before this view becomes the IME-served view, so request the
+    // keyboard again now that focus has landed.
+    if (focused && hasSelection()) {
+      showSoftKeyboardIfEditable()
+    }
   }
 
   internal fun setSelectionWatcher(selectionWatcher: SelectionWatcher?) {
@@ -626,6 +649,8 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
     }
     wasMultiline = isMultiline
 
+    updatePlaceholderEllipsize()
+
     // We override the KeyListener so that all keys on the soft input keyboard as well as hardware
     // keyboards work. Some KeyListeners like DigitsKeyListener will display the keyboard but not
     // accept all input from it
@@ -641,6 +666,16 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
       this.placeholder = placeholder
       hint = placeholder
     }
+    updatePlaceholderEllipsize()
+  }
+
+  private fun updatePlaceholderEllipsize() {
+    ellipsize =
+        if (!isMultiline) {
+          TextUtils.TruncateAt.END
+        } else {
+          null
+        }
   }
 
   public fun setFontFamily(fontFamily: String?) {
@@ -664,6 +699,14 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
     }
   }
 
+  internal fun setReactFontVariationSettings(fontVariationSettings: String?) {
+    val newParsedFontVariationSettings = parseFontVariationSettings(fontVariationSettings)
+    if (newParsedFontVariationSettings != parsedFontVariationSettings) {
+      parsedFontVariationSettings = newParsedFontVariationSettings
+      typefaceDirty = true
+    }
+  }
+
   override fun setFontFeatureSettings(fontFeatureSettings: String?) {
     if (fontFeatureSettings != getFontFeatureSettings()) {
       super.setFontFeatureSettings(fontFeatureSettings)
@@ -680,6 +723,9 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
 
     val newTypeface = applyStyles(typeface, fontStyle, fontWeight, fontFamily, context.assets)
     typeface = newTypeface
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      super.setFontVariationSettings(parsedFontVariationSettings)
+    }
 
     // Match behavior of CustomStyleSpan and enable SUBPIXEL_TEXT_FLAG when setting anything
     // nonstandard
@@ -687,7 +733,8 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
         fontStyle != ReactConstants.UNSET ||
             fontWeight != ReactConstants.UNSET ||
             fontFamily != null ||
-            fontFeatureSettings != null
+            fontFeatureSettings != null ||
+            parsedFontVariationSettings != null
     paintFlags =
         if (enableSubpixelText) {
           paintFlags or Paint.SUBPIXEL_TEXT_FLAG
@@ -840,11 +887,16 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
       span.spacing == textAttributes.effectiveLetterSpacing
     }
 
+    val effectiveFontStyle = if (fontStyle == ReactConstants.UNSET) Typeface.NORMAL else fontStyle
+    val effectiveFontWeight =
+        if (fontWeight == ReactConstants.UNSET) ReactFontManager.TypefaceStyle.NORMAL
+        else fontWeight
     stripSpansOfKind(sb, CustomStyleSpan::class.java) { span: CustomStyleSpan ->
-      span.style == fontStyle &&
+      span.style == effectiveFontStyle &&
           span.fontFamily == fontFamily &&
-          span.weight == fontWeight &&
-          span.fontFeatureSettings == fontFeatureSettings
+          span.weight == effectiveFontWeight &&
+          span.fontFeatureSettings == fontFeatureSettings &&
+          span.fontVariationSettings == parsedFontVariationSettings
     }
   }
 
@@ -944,13 +996,15 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
         fontStyle != ReactConstants.UNSET ||
             fontWeight != ReactConstants.UNSET ||
             fontFamily != null ||
-            fontFeatureSettings != null
+            fontFeatureSettings != null ||
+            parsedFontVariationSettings != null
     ) {
       workingText.setSpan(
           CustomStyleSpan(
               fontStyle,
               fontWeight,
               fontFeatureSettings,
+              parsedFontVariationSettings,
               fontFamily,
               context.assets,
               getFontWeightAdjustment(context),
@@ -969,6 +1023,14 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
 
   protected fun showSoftKeyboard(): Boolean = inputMethodManager.showSoftInput(this, 0)
 
+  // Mirrors the guard on requestFocusProgrammatically(), plus editability ("editable"
+  // prop maps to isEnabled): never summon the keyboard for a read-only input.
+  private fun showSoftKeyboardIfEditable() {
+    if (isEnabled && isInTouchMode && showSoftInputOnFocus) {
+      showSoftKeyboard()
+    }
+  }
+
   protected fun hideSoftKeyboard() {
     inputMethodManager.hideSoftInputFromWindow(windowToken, 0)
   }
@@ -1222,13 +1284,7 @@ public open class ReactEditText public constructor(context: Context) : AppCompat
   }
 
   public fun setOverflow(overflow: String?) {
-    if (overflow == null) {
-      this.overflow = Overflow.VISIBLE
-    } else {
-      val parsedOverflow = Overflow.fromString(overflow)
-      this.overflow = parsedOverflow ?: Overflow.VISIBLE
-    }
-
+    this.overflow = Overflow.fromString(overflow)
     invalidate()
   }
 

package/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextContentSizeWatcher.kt

@@ -46,7 +46,7 @@ internal class ReactTextContentSizeWatcher(private val editText: ReactEditText)
               editText.id,
               toDIPFromPixel(contentWidth.toFloat()),
               toDIPFromPixel(contentHeight.toFloat()),
-          )
+          ),
       )
     }
   }

package/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.kt

@@ -46,6 +46,7 @@ import com.facebook.react.uimanager.BaseViewManager
 import com.facebook.react.uimanager.LayoutShadowNode
 import com.facebook.react.uimanager.LengthPercentage
 import com.facebook.react.uimanager.LengthPercentageType
+import com.facebook.react.uimanager.PointerEvents
 import com.facebook.react.uimanager.ReactStylesDiffMap
 import com.facebook.react.uimanager.StateWrapper
 import com.facebook.react.uimanager.ThemedReactContext
@@ -73,6 +74,7 @@ import com.facebook.react.views.text.ReactTypefaceUtils.getFontWeightAdjustment
 import com.facebook.react.views.text.ReactTypefaceUtils.parseFontVariant
 import com.facebook.react.views.text.TextAttributeProps
 import com.facebook.react.views.text.TextLayoutManager
+import com.facebook.react.views.view.ImportantForInteractionHelper
 import java.util.LinkedList
 
 /** Manages instances of TextInput. */
@@ -103,7 +105,7 @@ public open class ReactTextInputManager public constructor() :
   override fun createShadowNodeInstance(): LayoutShadowNode = LayoutShadowNode()
 
   public fun createShadowNodeInstance(
-      reactTextViewManagerCallback: ReactTextViewManagerCallback?
+      reactTextViewManagerCallback: ReactTextViewManagerCallback?,
   ): LayoutShadowNode = LayoutShadowNode()
 
   override fun getShadowNodeClass(): Class<out LayoutShadowNode> = LayoutShadowNode::class.java
@@ -119,19 +121,19 @@ public open class ReactTextInputManager public constructor() :
                         mapOf(
                             "bubbled" to "onSubmitEditing",
                             "captured" to "onSubmitEditingCapture",
-                        )
+                        ),
                 ),
             "topEndEditing" to
                 mapOf(
                     "phasedRegistrationNames" to
-                        mapOf("bubbled" to "onEndEditing", "captured" to "onEndEditingCapture")
+                        mapOf("bubbled" to "onEndEditing", "captured" to "onEndEditingCapture"),
                 ),
             "topKeyPress" to
                 mapOf(
                     "phasedRegistrationNames" to
-                        mapOf("bubbled" to "onKeyPress", "captured" to "onKeyPressCapture")
+                        mapOf("bubbled" to "onKeyPress", "captured" to "onKeyPressCapture"),
                 ),
-        )
+        ),
     )
     return eventTypeConstants
   }
@@ -140,7 +142,7 @@ public open class ReactTextInputManager public constructor() :
     val baseEventTypeConstants = super.getExportedCustomDirectEventTypeConstants()
     val eventTypeConstants = baseEventTypeConstants ?: mutableMapOf()
     eventTypeConstants.putAll(
-        mapOf(getJSEventName(ScrollEventType.SCROLL) to mapOf("registrationName" to "onScroll"))
+        mapOf(getJSEventName(ScrollEventType.SCROLL) to mapOf("registrationName" to "onScroll")),
     )
     return eventTypeConstants
   }
@@ -254,6 +256,11 @@ public open class ReactTextInputManager public constructor() :
     view.fontFeatureSettings = parseFontVariant(fontVariant)
   }
 
+  @ReactProp(name = ViewProps.FONT_VARIATION_SETTINGS)
+  public fun setFontVariationSettings(view: ReactEditText, fontVariationSettings: String?) {
+    view.setReactFontVariationSettings(fontVariationSettings)
+  }
+
   @ReactProp(name = ViewProps.INCLUDE_FONT_PADDING, defaultBoolean = true)
   public fun setIncludeFontPadding(view: ReactEditText, includepad: Boolean) {
     view.includeFontPadding = includepad
@@ -506,7 +513,7 @@ public open class ReactTextInputManager public constructor() :
             TAG,
             IllegalStateException(
                 "Could not get default text color from View Context: " +
-                    (if (c != null) c.javaClass.canonicalName else "null")
+                    (if (c != null) c.javaClass.canonicalName else "null"),
             ),
         )
       }
@@ -882,13 +889,21 @@ public open class ReactTextInputManager public constructor() :
   @ReactProp(name = "overflow")
   public fun setOverflow(view: ReactEditText, overflow: String?) {
     view.setOverflow(overflow)
+    ImportantForInteractionHelper.setImportantForInteraction(
+        view,
+        // <TextInput> has no pointerEvents prop, so it always behaves as AUTO.
+        PointerEvents.AUTO,
+        view.overflow,
+    )
   }
 
   override fun onAfterUpdateTransaction(view: ReactEditText) {
     super.onAfterUpdateTransaction(view)
-    view.maybeUpdateTypeface()
     reconcileAutoCapitalize(view)
     view.commitStagedInputType()
+    // setInputType() clears paint-level font variation settings, so update the typeface last to
+    // reapply any variation axes after the staged input type is committed.
+    view.maybeUpdateTypeface()
   }
 
   override fun addEventEmitters(reactContext: ThemedReactContext, editText: ReactEditText) {
@@ -905,7 +920,7 @@ public open class ReactTextInputManager public constructor() :
       } else {
         eventDispatcher?.dispatchEvent(BlurEvent(surfaceId, editText.id))
         eventDispatcher?.dispatchEvent(
-            ReactTextInputEndEditingEvent(surfaceId, editText.id, editText.text.toString())
+            ReactTextInputEndEditingEvent(surfaceId, editText.id, editText.text.toString()),
         )
       }
     }
@@ -936,7 +951,7 @@ public open class ReactTextInputManager public constructor() :
                     EditorInfo.IME_ACTION_PREVIOUS -> ReactTextInputSubmitEditingEvent.ACTION_PREVIOUS
                     else -> ReactTextInputSubmitEditingEvent.ACTION_SUBMIT
                   },
-              )
+              ),
           )
         }
 
@@ -964,16 +979,15 @@ public open class ReactTextInputManager public constructor() :
     }
   }
 
-  override fun getExportedViewConstants(): Map<String, Any> =
-      mapOf(
-          "AutoCapitalizationType" to
-              mapOf(
-                  "none" to 0,
-                  "characters" to InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS,
-                  "words" to InputType.TYPE_TEXT_FLAG_CAP_WORDS,
-                  "sentences" to InputType.TYPE_TEXT_FLAG_CAP_SENTENCES,
-              )
-      )
+  override fun getExportedViewConstants(): Map<String, Any> = mapOf(
+      "AutoCapitalizationType" to
+          mapOf(
+              "none" to 0,
+              "characters" to InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS,
+              "words" to InputType.TYPE_TEXT_FLAG_CAP_WORDS,
+              "sentences" to InputType.TYPE_TEXT_FLAG_CAP_SENTENCES,
+          ),
+  )
 
   override fun setPadding(view: ReactEditText, left: Int, top: Int, right: Int, bottom: Int) {
     view.setPadding(left, top, right, bottom)
@@ -1031,7 +1045,7 @@ public open class ReactTextInputManager public constructor() :
 
     val textBreakStrategy =
         TextAttributeProps.getTextBreakStrategy(
-            paragraphAttributes.getString(TextLayoutManager.PA_KEY_TEXT_BREAK_STRATEGY.toInt())
+            paragraphAttributes.getString(TextLayoutManager.PA_KEY_TEXT_BREAK_STRATEGY.toInt()),
         )
     val currentJustificationMode =
         if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
@@ -1063,60 +1077,58 @@ public open class ReactTextInputManager public constructor() :
     // private const val TX_STATE_KEY_HASH: Short = 2
     private const val TX_STATE_KEY_MOST_RECENT_EVENT_COUNT: Short = 3
 
-    private val REACT_PROPS_AUTOFILL_HINTS_MAP: Map<String, String> =
-        mapOf(
-            "2fa-app-otp" to HintConstants.AUTOFILL_HINT_2FA_APP_OTP,
-            "birthdate-day" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_DAY,
-            "birthdate-full" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_FULL,
-            "birthdate-month" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_MONTH,
-            "birthdate-year" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_YEAR,
-            "cc-csc" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_SECURITY_CODE,
-            "cc-exp" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_DATE,
-            "cc-exp-day" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_DAY,
-            "cc-exp-month" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_MONTH,
-            "cc-exp-year" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_YEAR,
-            "cc-number" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_NUMBER,
-            "email" to HintConstants.AUTOFILL_HINT_EMAIL_ADDRESS,
-            "email-otp" to HintConstants.AUTOFILL_HINT_EMAIL_OTP,
-            "flight-confirmation-code" to HintConstants.AUTOFILL_HINT_FLIGHT_CONFIRMATION_CODE,
-            "flight-number" to HintConstants.AUTOFILL_HINT_FLIGHT_NUMBER,
-            "gender" to HintConstants.AUTOFILL_HINT_GENDER,
-            "gift-card-number" to HintConstants.AUTOFILL_HINT_GIFT_CARD_NUMBER,
-            "gift-card-pin" to HintConstants.AUTOFILL_HINT_GIFT_CARD_PIN,
-            "loyalty-account-number" to HintConstants.AUTOFILL_HINT_LOYALTY_ACCOUNT_NUMBER,
-            "name" to HintConstants.AUTOFILL_HINT_PERSON_NAME,
-            "name-family" to HintConstants.AUTOFILL_HINT_PERSON_NAME_FAMILY,
-            "name-given" to HintConstants.AUTOFILL_HINT_PERSON_NAME_GIVEN,
-            "name-middle" to HintConstants.AUTOFILL_HINT_PERSON_NAME_MIDDLE,
-            "name-middle-initial" to HintConstants.AUTOFILL_HINT_PERSON_NAME_MIDDLE_INITIAL,
-            "name-prefix" to HintConstants.AUTOFILL_HINT_PERSON_NAME_PREFIX,
-            "name-suffix" to HintConstants.AUTOFILL_HINT_PERSON_NAME_SUFFIX,
-            "password" to HintConstants.AUTOFILL_HINT_PASSWORD,
-            "password-new" to HintConstants.AUTOFILL_HINT_NEW_PASSWORD,
-            "postal-address" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS,
-            "postal-address-country" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_COUNTRY,
-            "postal-address-dependent-locality" to
-                HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_DEPENDENT_LOCALITY,
-            "postal-address-extended" to
-                HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_EXTENDED_ADDRESS,
-            "postal-address-extended-postal-code" to
-                HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_EXTENDED_POSTAL_CODE,
-            "postal-address-locality" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_LOCALITY,
-            "postal-address-region" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_REGION,
-            "postal-address-unit" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_APT_NUMBER,
-            "postal-code" to HintConstants.AUTOFILL_HINT_POSTAL_CODE,
-            "promo-code" to HintConstants.AUTOFILL_HINT_PROMO_CODE,
-            "street-address" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_STREET_ADDRESS,
-            "sms-otp" to HintConstants.AUTOFILL_HINT_SMS_OTP,
-            "tel" to HintConstants.AUTOFILL_HINT_PHONE_NUMBER,
-            "tel-country-code" to HintConstants.AUTOFILL_HINT_PHONE_COUNTRY_CODE,
-            "tel-national" to HintConstants.AUTOFILL_HINT_PHONE_NATIONAL,
-            "tel-device" to HintConstants.AUTOFILL_HINT_PHONE_NUMBER_DEVICE,
-            "upi-vpa" to HintConstants.AUTOFILL_HINT_UPI_VPA,
-            "wifi-password" to HintConstants.AUTOFILL_HINT_WIFI_PASSWORD,
-            "username" to HintConstants.AUTOFILL_HINT_USERNAME,
-            "username-new" to HintConstants.AUTOFILL_HINT_NEW_USERNAME,
-        )
+    private val REACT_PROPS_AUTOFILL_HINTS_MAP: Map<String, String> = mapOf(
+        "2fa-app-otp" to HintConstants.AUTOFILL_HINT_2FA_APP_OTP,
+        "birthdate-day" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_DAY,
+        "birthdate-full" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_FULL,
+        "birthdate-month" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_MONTH,
+        "birthdate-year" to HintConstants.AUTOFILL_HINT_BIRTH_DATE_YEAR,
+        "cc-csc" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_SECURITY_CODE,
+        "cc-exp" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_DATE,
+        "cc-exp-day" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_DAY,
+        "cc-exp-month" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_MONTH,
+        "cc-exp-year" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_YEAR,
+        "cc-number" to HintConstants.AUTOFILL_HINT_CREDIT_CARD_NUMBER,
+        "email" to HintConstants.AUTOFILL_HINT_EMAIL_ADDRESS,
+        "email-otp" to HintConstants.AUTOFILL_HINT_EMAIL_OTP,
+        "flight-confirmation-code" to HintConstants.AUTOFILL_HINT_FLIGHT_CONFIRMATION_CODE,
+        "flight-number" to HintConstants.AUTOFILL_HINT_FLIGHT_NUMBER,
+        "gender" to HintConstants.AUTOFILL_HINT_GENDER,
+        "gift-card-number" to HintConstants.AUTOFILL_HINT_GIFT_CARD_NUMBER,
+        "gift-card-pin" to HintConstants.AUTOFILL_HINT_GIFT_CARD_PIN,
+        "loyalty-account-number" to HintConstants.AUTOFILL_HINT_LOYALTY_ACCOUNT_NUMBER,
+        "name" to HintConstants.AUTOFILL_HINT_PERSON_NAME,
+        "name-family" to HintConstants.AUTOFILL_HINT_PERSON_NAME_FAMILY,
+        "name-given" to HintConstants.AUTOFILL_HINT_PERSON_NAME_GIVEN,
+        "name-middle" to HintConstants.AUTOFILL_HINT_PERSON_NAME_MIDDLE,
+        "name-middle-initial" to HintConstants.AUTOFILL_HINT_PERSON_NAME_MIDDLE_INITIAL,
+        "name-prefix" to HintConstants.AUTOFILL_HINT_PERSON_NAME_PREFIX,
+        "name-suffix" to HintConstants.AUTOFILL_HINT_PERSON_NAME_SUFFIX,
+        "password" to HintConstants.AUTOFILL_HINT_PASSWORD,
+        "password-new" to HintConstants.AUTOFILL_HINT_NEW_PASSWORD,
+        "postal-address" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS,
+        "postal-address-country" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_COUNTRY,
+        "postal-address-dependent-locality" to
+            HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_DEPENDENT_LOCALITY,
+        "postal-address-extended" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_EXTENDED_ADDRESS,
+        "postal-address-extended-postal-code" to
+            HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_EXTENDED_POSTAL_CODE,
+        "postal-address-locality" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_LOCALITY,
+        "postal-address-region" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_REGION,
+        "postal-address-unit" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_APT_NUMBER,
+        "postal-code" to HintConstants.AUTOFILL_HINT_POSTAL_CODE,
+        "promo-code" to HintConstants.AUTOFILL_HINT_PROMO_CODE,
+        "street-address" to HintConstants.AUTOFILL_HINT_POSTAL_ADDRESS_STREET_ADDRESS,
+        "sms-otp" to HintConstants.AUTOFILL_HINT_SMS_OTP,
+        "tel" to HintConstants.AUTOFILL_HINT_PHONE_NUMBER,
+        "tel-country-code" to HintConstants.AUTOFILL_HINT_PHONE_COUNTRY_CODE,
+        "tel-national" to HintConstants.AUTOFILL_HINT_PHONE_NATIONAL,
+        "tel-device" to HintConstants.AUTOFILL_HINT_PHONE_NUMBER_DEVICE,
+        "upi-vpa" to HintConstants.AUTOFILL_HINT_UPI_VPA,
+        "wifi-password" to HintConstants.AUTOFILL_HINT_WIFI_PASSWORD,
+        "username" to HintConstants.AUTOFILL_HINT_USERNAME,
+        "username-new" to HintConstants.AUTOFILL_HINT_NEW_USERNAME,
+    )
 
     private const val FOCUS_TEXT_INPUT = 1
     private const val BLUR_TEXT_INPUT = 2

package/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputTextWatcher.kt

@@ -64,7 +64,7 @@ internal class ReactTextInputTextWatcher(
             editText.incrementAndGetEventCounter(),
             editText.selectionStart,
             editText.selectionEnd,
-        )
+        ),
     )
   }
 

package/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextScrollWatcher.kt

@@ -26,20 +26,19 @@ internal class ReactTextScrollWatcher(private val editText: ReactEditText) : Scr
 
   override fun onScrollChanged(horiz: Int, vert: Int, oldHoriz: Int, oldVert: Int) {
     if (previousHorizontal != horiz || previousVert != vert) {
-      val event =
-          obtain(
-              surfaceId,
-              editText.id,
-              ScrollEventType.SCROLL,
-              horiz.toFloat(),
-              vert.toFloat(),
-              0f, // can't get x velocity
-              0f, // can't get y velocity
-              0, // can't get content width
-              0, // can't get content height
-              editText.width,
-              editText.height,
-          )
+      val event = obtain(
+          surfaceId,
+          editText.id,
+          ScrollEventType.SCROLL,
+          horiz.toFloat(),
+          vert.toFloat(),
+          0f, // can't get x velocity
+          0f, // can't get y velocity
+          0, // can't get content width
+          0, // can't get content height
+          editText.width,
+          editText.height,
+      )
 
       eventDispatcher?.dispatchEvent(event)
 

package/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextSelectionWatcher.kt

@@ -36,7 +36,7 @@ internal class ReactTextSelectionWatcher(private val editText: ReactEditText) :
 
     if (previousSelectionStart != realStart || previousSelectionEnd != realEnd) {
       eventDispatcher?.dispatchEvent(
-          ReactTextInputSelectionEvent(surfaceId, editText.id, realStart, realEnd)
+          ReactTextInputSelectionEvent(surfaceId, editText.id, realStart, realEnd),
       )
 
       previousSelectionStart = realStart

package/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.kt

@@ -12,11 +12,14 @@ import android.graphics.Color
 import android.view.Gravity
 import android.widget.LinearLayout
 import androidx.appcompat.widget.AppCompatTextView
+import com.facebook.react.bridge.ReactNoCrashSoftException
+import com.facebook.react.bridge.ReactSoftExceptionLogger
 import com.facebook.react.common.build.ReactBuildConfig
 
 internal class ReactUnimplementedView(context: Context) : LinearLayout(context) {
 
   private val textView: AppCompatTextView = AppCompatTextView(context)
+  private var lastName: String? = null
 
   init {
     textView.layoutParams = LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT)
@@ -33,8 +36,36 @@ internal class ReactUnimplementedView(context: Context) : LinearLayout(context)
   }
 
   internal fun setName(name: String) {
+    // @ReactProp setters are invoked on every prop update, not only on change. Gate on
+    // an actual name change to mirror the iOS Fabric path (which only logs when
+    // oldProps.componentName != newProps.componentName) and avoid soft-exception spam
+    // from re-renders or recycled view instances.
+    if (name == lastName) {
+      return
+    }
+    lastName = name
+
     if (ReactBuildConfig.DEBUG) {
       textView.text = "'$name' is not registered."
     }
+
+    // Skip empty names — these come from the initial prop-default pass before the real
+    // component name is set, and would produce noisy "''" entries in dashboards.
+    if (name.isEmpty()) {
+      return
+    }
+
+    // Log in all builds so missing components are reported in production.
+    ReactSoftExceptionLogger.logSoftException(
+        TAG,
+        ReactNoCrashSoftException(
+            "UnimplementedView: native component '$name' is not registered. " +
+                "Ensure the native library defines a ViewManager for this component.",
+        ),
+    )
+  }
+
+  companion object {
+    private const val TAG = "ReactUnimplementedView"
   }
 }

package/ReactAndroid/src/main/java/com/facebook/react/views/view/ImportantForInteractionHelper.kt

@@ -9,7 +9,9 @@ package com.facebook.react.views.view
 
 import android.view.View
 import com.facebook.react.R
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
 import com.facebook.react.uimanager.PointerEvents
+import com.facebook.react.uimanager.style.Overflow
 
 /**
  * Helper class for managing the important_for_interaction view tag. This tag determines how a view
@@ -28,6 +30,8 @@ internal object ImportantForInteractionHelper {
   /** CSS pointer-events: auto heuristics. */
   const val IMPORTANT_FOR_INTERACTION_AUTO_CSSPOINTEREVENTSAUTO: Int = 0x8
 
+  const val IMPORTANT_FOR_INTERACTION_DONT_CLIP_DESCENDANTS: Int = 0x10
+
   /**
    * Sets the important_for_interaction tag on a view based on the given [PointerEvents] value.
    *
@@ -37,9 +41,11 @@ internal object ImportantForInteractionHelper {
    *
    * @param view The view to set the tag on
    * @param pointerEvents The pointer events value to convert and set
+   * @param overflow The overflow value; descendants are not clipped when it is [Overflow.VISIBLE]
    */
   @JvmStatic
-  fun setImportantForInteraction(view: View, pointerEvents: PointerEvents) {
+  fun setImportantForInteraction(view: View, pointerEvents: PointerEvents, overflow: Overflow) {
+    if (!ReactNativeFeatureFlags.syncAndroidClipBoundsWithOverflow()) return
     val value =
         when (pointerEvents) {
           PointerEvents.AUTO -> IMPORTANT_FOR_INTERACTION_AUTO_CSSPOINTEREVENTSAUTO
@@ -49,7 +55,9 @@ internal object ImportantForInteractionHelper {
               IMPORTANT_FOR_INTERACTION_AUTO_CSSPOINTEREVENTSAUTO or
                   IMPORTANT_FOR_INTERACTION_EXCLUDE_DESCENDANTS
           PointerEvents.BOX_NONE -> IMPORTANT_FOR_INTERACTION_NO
-        }
+        } or
+            (if (overflow == Overflow.VISIBLE) IMPORTANT_FOR_INTERACTION_DONT_CLIP_DESCENDANTS
+            else 0)
     view.setTag(R.id.important_for_interaction, value)
   }
 }

package/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.kt

@@ -44,12 +44,12 @@ public object ReactDrawableHelper {
       val attr =
           drawableDescriptionDict.getString("attribute")
               ?: throw JSApplicationIllegalArgumentException(
-                  "JS description missing 'attribute' field"
+                  "JS description missing 'attribute' field",
               )
       val attrId = getAttrId(context, attr)
       if (!context.theme.resolveAttribute(attrId, resolveOutValue, true)) {
         throw JSApplicationIllegalArgumentException(
-            "Attribute $attr with id $attrId couldn't be resolved into a drawable"
+            "Attribute $attr with id $attrId couldn't be resolved into a drawable",
         )
       }
       val drawable = getDefaultThemeDrawable(context)
@@ -145,7 +145,7 @@ public object ReactDrawableHelper {
         context.resources.getColor(resolveOutValue.resourceId, context.theme)
       } else {
         throw JSApplicationIllegalArgumentException(
-            "Attribute colorControlHighlight couldn't be resolved into a drawable"
+            "Attribute colorControlHighlight couldn't be resolved into a drawable",
         )
       }