Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Only hide outermost host nodes when Offscreen is hidden #21250

Conversation

bvaughn
Copy link
Contributor

@bvaughn bvaughn commented Apr 13, 2021

Follow-up to #21079

If there's a hidden Offscreen (or Suspense) subtree containing nested host nodes, we only need to hide the outermost one, e.g. before this change:

<Offscreen hidden>
  <div hidden>
    <div hidden>
    [no text]

After this change:

<Offscreen hidden>
  <div hidden>
    <div>
    [text]

@facebook-github-bot facebook-github-bot added CLA Signed React Core Team Opened by a member of the React Core Team labels Apr 13, 2021
@gaearon
Copy link
Collaborator

gaearon commented Apr 13, 2021

Not just Offscreen, but Suspense too, right?

@bvaughn
Copy link
Contributor Author

bvaughn commented Apr 13, 2021

Not just Offscreen, but Suspense too, right?

Suspense uses Offscreen, so yeah it impacts both :)

@sizebot
Copy link

sizebot commented Apr 13, 2021

Comparing: b9c6a2b...f26cf74

Critical size changes

Includes critical production bundles, as well as any change greater than 2%:

Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable/react-dom/cjs/react-dom.production.min.js = 122.79 kB 122.80 kB = 39.44 kB 39.44 kB
oss-experimental/react-dom/cjs/react-dom.production.min.js = 129.37 kB 129.38 kB = 41.52 kB 41.52 kB
facebook-www/ReactDOM-prod.classic.js = 412.25 kB 412.25 kB = 76.26 kB 76.26 kB
facebook-www/ReactDOM-prod.modern.js = 400.32 kB 400.32 kB = 74.36 kB 74.36 kB
facebook-www/ReactDOMForked-prod.classic.js = 412.25 kB 412.25 kB = 76.26 kB 76.26 kB

Significant size changes

Includes any change greater than 0.2%:

(No significant changes)

Generated by 🚫 dangerJS against f26cf74

@bvaughn bvaughn force-pushed the offscreen-effects-semantics-only-hide-outer-host-nodes branch from 70678d2 to 0350264 Compare April 19, 2021 19:57
@bvaughn bvaughn force-pushed the offscreen-effects-semantics-only-hide-outer-host-nodes branch from 0350264 to f26cf74 Compare April 19, 2021 20:00
@bvaughn bvaughn merged commit cdb6b4c into facebook:master Apr 20, 2021
@bvaughn bvaughn deleted the offscreen-effects-semantics-only-hide-outer-host-nodes branch April 20, 2021 01:33
facebook-github-bot pushed a commit to facebook/react-native that referenced this pull request Apr 21, 2021
Summary:
This sync includes the following changes:
- **[bd7f4a013](facebook/react@bd7f4a013 )**: Fix sloppy factoring in `performSyncWorkOnRoot` ([#21246](facebook/react#21246)) //<Andrew Clark>//
- **[78120032d](facebook/react@78120032d )**: Remove `flushDiscreteUpdates` from end of event ([#21223](facebook/react#21223)) //<Andrew Clark>//
- **[a3a7adb83](facebook/react@a3a7adb83 )**: Turn off enableSyncDefaultUpdates in test renderer ([#21319](facebook/react#21319)) //<Ricky>//
- **[cdb6b4c55](facebook/react@cdb6b4c55 )**: Only hide outermost host nodes when Offscreen is hidden ([#21250](facebook/react#21250)) //<Brian Vaughn>//
- **[b9c6a2b30](facebook/react@b9c6a2b30 )**: Remove LayoutStatic check from commit phase ([#21249](facebook/react#21249)) //<Brian Vaughn>//
- **[af1a4cbf7](facebook/react@af1a4cbf7 )**: Revert expiration for retry lanes ([#21300](facebook/react#21300)) //<Andrew Clark>//
- **[cc4b431da](facebook/react@cc4b431da )**: Mark boundary as client rendered even if aborting fallback ([#21294](facebook/react#21294)) //<Sebastian Markbåge>//

Changelog:
[General][Changed] - React Native sync for revisions f7cdc89...bd7f4a0

jest_e2e[run_all_tests]

Reviewed By: JoshuaGross

Differential Revision: D27909257

fbshipit-source-id: 36ec4cf1de9df109f1fe1542031df10a693baae0
koto pushed a commit to koto/react that referenced this pull request Jun 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed React Core Team Opened by a member of the React Core Team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants