[Fabric] Fix scroll views hiding content underneath them in Fabric. #1820
Conversation
Where did we do this in paper? |
|
Curious, is there a reason you didn't match paper and do it in the unit of RCTEnhancedScrollView? Was it because iOS UIScrollView doesn't draw background by default, so that logic felt more appropriate for our shim layer? Does it also mean we don't need to set drawsBackground in paper in the link above anymore after this change? |
Exactly. The UIKit UIScrollView does no drawing aside from the scroll bars. On AppKit the NSScrollView draws a white background by default.
You're right! I'll remove it from the Paper RCTScrollView and test out the change on this PR. |
lenaic
force-pushed
the
fabrix/fix-opaque-scroll-views
branch
from
30fafc5 to
1267fa8
Compare
|
RNTester macOS Paper after the clean up of |
…icrosoft#1820) * Fix scroll views hiding content underneath them in Fabric. * Clean up Paper scroll view after shim scroll view fix. --------- Co-authored-by: Nick <[email protected]>
* [Fabric] Return active touch identifiers in surface touch handler on mouse up. (#1815) Co-authored-by: Nick <[email protected]> * [Fabric] Add mandatory color space conversion for macOS. (#1813) Co-authored-by: Nick <[email protected]> * [Fabric] Clean up hit testing now that RCTUIView extends RCTPlatformView (#1814) * Clean up surface touch handler now that RCTUIView extends RCTPlatformView. * Fix the iOS build. --------- Co-authored-by: Nick <[email protected]> * [Fabric] Use the layout metrics to get the scale factor in component views. (#1816) * Use the layout metrics to get the scale factor in component views. * Use layout metrics pointScaleFactor instead of RCTScreenScale on iOS. --------- Co-authored-by: Nick <[email protected]> * Fix RNTester content not resizing with window. (#1818) Co-authored-by: Nick <[email protected]> * Fix wrong text offset when a line height is set. (#1819) Co-authored-by: Nick <[email protected]> * [Fabric] Fix scroll views hiding content underneath them in Fabric. (#1820) * Fix scroll views hiding content underneath them in Fabric. * Clean up Paper scroll view after shim scroll view fix. --------- Co-authored-by: Nick <[email protected]> * [Fabric] Add support for image content mode and tint features (#1828) * Add RCTUIImageView to RCTUIKit to support iOS features on macOS. * Add support for tint and resize mode to Image on Fabric. * Clean up logging and add macOS tag. * Fix code style to match the style guide. --------- Co-authored-by: Nick <[email protected]> * [Fabric] Fix text input rendering crashing by using layout metrics pixelScaleFactor (#1817) * Use layout metrics to assign the active scale factor to RCTUITextField. * Use layout metrics to assign the active scale factor to RCTUITextView. --------- Co-authored-by: Nick <[email protected]> * [Fabric] Tint images using CIFilter fixing wrong tinted image size (#1843) * Tint images using CIFilter to fix wrong image size when enabling tinting. * Initialize the CIFilter input values with default values. --------- Co-authored-by: Nick <[email protected]> --------- Co-authored-by: Nick <[email protected]>
Please select one of the following
Summary
This PR disables the background drawing on native scroll views so that the content below them would be visible. This was previously done in Paper. The
RCTUIScrollViewwe use in Fabric was missing this setting, which is why the background color in the RNTester app was not visible in the examples SectionList.Changelog
[macOS] [FIXED] - Fix scroll views hiding content underneath them in Fabric
Test Plan
Tested by running RNTester on macOS with Fabric (RCT_NEW_ARCH_ENABLED=1) and checking that the background color is visible in the examples list.
Without the fix in Fabric:
With the fix in Fabric:
