Skip to content

Add logical border width and inline border color props - #59996

Open
zoontek wants to merge 2 commits into
react:mainfrom
zoontek:logical-border-width-color
Open

zoontek wants to merge 2 commits into
react:mainfrom
zoontek:logical-border-width-color

Conversation

@zoontek

@zoontek zoontek commented Nov 13, 2026

Copy link
Copy Markdown
Contributor

Summary:

#59404 wants to stop swapping left / right in RTL, so direction-aware borders need all logical properties support.

borderBlock*Color is already supported, but borderBlockWidth, borderBlockStartWidth and borderBlockEndWidth are ignored. The inline equivalents don't exist.

This PR adds borderBlockWidth, borderBlockStartWidth, borderBlockEndWidth, borderInlineWidth, borderInlineStartWidth, borderInlineEndWidth, borderInlineColor, borderInlineStartColor and borderInlineEndColor support.

Changelog:

[GENERAL] [ADDED] - Add borderBlockWidth, borderBlockStartWidth, borderBlockEndWidth, borderInlineWidth, borderInlineStartWidth, borderInlineEndWidth, borderInlineColor, borderInlineStartColor and borderInlineEndColor style props

Test Plan:

Flow, TypeScript, Jest and the Android Kotlin compile pass. A local Fantom test checked layout in LTR / RTL, precedence, and view flattening.

An new "Logical Borders" example in RNTester's Border page:

iOS Android

@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Nov 13, 2026
@github-actions

Copy link
Copy Markdown

Warning

JavaScript API change detected

This PR commits an update to ReactNativeApi.d.ts, indicating a change to React Native's public JavaScript API.

  • Please include a clear changelog message.
  • This change will be subject to additional review.

This change was flagged as: POTENTIALLY_BREAKING

# Conflicts:
#	packages/react-native/ReactNativeApi.d.ts
@zoontek
zoontek force-pushed the logical-border-width-color branch from 80f0dad to c33a7dd Compare November 13, 2026 14:16
@zoontek zoontek changed the title Logical border width color Add logical border width and inline border color props Nov 13, 2026
@facebook-github-tools facebook-github-tools Bot added the Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. label Nov 13, 2026

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. p: Expo Partner: Expo Partner Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant