Skip to content

feat: add support for fallbackInView#521

Merged
thebuilder merged 3 commits intomasterfrom
feature/fallback-inview
Dec 9, 2021
Merged

feat: add support for fallbackInView#521
thebuilder merged 3 commits intomasterfrom
feature/fallback-inview

Conversation

@thebuilder
Copy link
Copy Markdown
Owner

@thebuilder thebuilder commented Nov 22, 2021

This is solution for #495 that adds support for a fallbackInView value.

You can set the fallback globally:

import { defaultFallbackInView } from 'react-intersection-observer';
defaultFallbackInView(true); // or 'false'

You can also define the fallback locally on useInView or <InView> as an
option. This will override the global fallback value.

import React from 'react';
import { useInView } from 'react-intersection-observer';

const Component = () => {
  const { ref, inView, entry } = useInView({
    fallbackInView: true,
  });

  return (
    <div ref={ref}>
      <h2>{`Header inside viewport ${inView}.`}</h2>
    </div>
  );
};

@codesandbox-ci
Copy link
Copy Markdown

codesandbox-ci bot commented Nov 22, 2021 •
edited
Loading

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit d30d0e9:

Sandbox Source
useInView Configuration
InView render props Configuration
InView plain children Configuration

@vercel
Copy link
Copy Markdown

vercel bot commented Nov 23, 2021 •
edited
Loading

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/the-builder/react-intersection-observer/HZi7fsP5Jj4WmiimDeKrKUcst44v
✅ Preview: https://react-intersection-observer-git-feature-fall-f87a33-the-builder.vercel.app

@dale-french
Copy link
Copy Markdown

dale-french commented Dec 9, 2021 •
edited
Loading

Thanks for this 🙌

Any idea when this will get released?

@thebuilder
Copy link
Copy Markdown
Owner Author

thebuilder commented Dec 9, 2021

Just want to make sure it's the right approach. :)

@thebuilder thebuilder merged commit aa50422 into master Dec 9, 2021
@thebuilder thebuilder deleted the feature/fallback-inview branch December 9, 2021 22:53
@thebuilder
Copy link
Copy Markdown
Owner Author

thebuilder commented Dec 9, 2021

🎉 This PR is included in version 8.33.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@thebuilder thebuilder linked an issue Dec 9, 2021 that may be closed by this pull request
Can't find variable: IntersectionObserver #495
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@fbosch fbosch fbosch approved these changes

Assignees

No one assigned

Labels

released

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Can't find variable: IntersectionObserver

3 participants

@thebuilder @dale-french @fbosch