Skip to content

VisibilitySensor doesn't fire on smaller devices #192

@TendezaDev

Description

@TendezaDev

I'm combining it with the component. It does fire on desktop-size screens, but not anything smaller, is this a known issue?

const [stateVisible, setStateVisible] = useState(false);

    function onChange(isVisible:any) {
        if(isVisible){
            setStateVisible(true);
        }
    }
    return(
        <section id="Steps" className="bg-beige">
            <div className="container px-6 lg:py-60 mx-auto ssm:pt-6">
                <VisibilitySensor onChange={onChange}>
                    <FadeIn transitionDuration={800} visible={stateVisible}>
                        // bzbz some code
                     </FadeIn>
                 </VisibilitySensor>
             </div>
         </section>
    );

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions