microsoft / microsoft/react-native-windows

Inverted order FlatList with horizontal layout displaying incorrectly on Fabric app

Open
#12,763 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area: Fabric Area: FlatList enhancement New Architecture Parity: React Native Workstream: Component Parity
Dominant language
C++
Stars
17.3k
Forks
1.2k
Avg merge
1d 13h
Merged PRs (30d)
33

Description

On the FlatList example page in the Fabric app, the 'inverted order FlatList with horizontal layout' does not render as expected, compared to the current example on Paper, as shown below:

Fabric:
image

Paper:
image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the inverted-order horizontal FlatList on the Fabric app's example page and compare it with the current Paper example shown in the issue. Trace the relevant example and rendering path, then verify that Fabric displays the list in the same expected order and layout as Paper.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
desktop, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.