icd2k3 / react-scroll-into-view-if-needed Goto Github PK

There's a ponyfill to support browsers which don't natively support it.

my code

 <ScrollIntoViewIfNeeded
                  elementType="tr"
                  options={{
                      behavior: 'smooth',
                      block: 'nearest',
                      scrollMode: 'if-needed',
                      boundary: document.getElementById('preAllocation-select-panel')
                  }}
                  active={active}
                  {...props}/>
          );

got error

webpack-internal:///./node_modules/fbjs/lib/warning.js:33 Warning: Failed prop type: Invalid prop `options.boundary` supplied to `ScrollIntoViewIfNeeded`.
    in ScrollIntoViewIfNeeded (created by CustomRow)
    in CustomRow (created by BodyRow)
    in BodyRow (created by TableRow)
    in TableRow (created by Connect(TableRow))
....

I found source code
https://github.com/icd2k3/react-scroll-into-view-if-needed/blob/master/src/index.js#L38

because document.getElementById('preAllocation-select-panel') return Element object witch is not React Element . so got error.

Using next.js, I was receiving ReferenceError: Element is not defined presumably due to this line:

Hello 👋 I am having some difficulty getting the window to scroll upward to a component when the scroll mode is 'if-needed'. If I set the scroll mode to 'always' it seems to work the way I expect.

I have created a codesandbox which demos this. Try clicking on the 'prev' button https://codesandbox.io/s/4w50o96p9w

Does this look like a bug to you? Thanks!