parent.getAttribute is not a function error

After debugging this issue i have come to find that parent variable is being set to either Window or Document but neither of the two contain the getAttribute() function.

This issue breaks my code and prevents the render of the component. I have defined my LazyLoad component as so…

    <div className={'Section6')}>
      <LazyLoad height={333} offset={300} overflow once>
        <Picture
          image={sectionImage}
          imageRetina={sectionImageRetina}
          imageMobile={sectionImageMobile}
          imageMobileRetina={sectionImage}
          screen={SCREEN_SIZES.SCREEN_SM_MAX} />
      </LazyLoad>
    </div>

The parent div has a position: relative; styling

Have I not used the overflow prop correctly? because it seems that although the overflow prop os set, the returned object in parent doesn’t contain the function which needs to be checked for the condition and therefore breaks at this point and throws an error.

Have i missed something?

[jasonslyvia]

Can you please try 2.2.2?

[cnolimit]

hi @jasonslyvia and @yangg thanks for all your help, although since posting this issue i’ve changed the structure of the code and so i’m unable to check whether these solutions would work for me. but since refactoring I haven’t ran into any errors and found it works much better now.