How to add scrollableTarget for shadowDOM element

[parsoman]

I am trying to pass node of type HTMLDivElement in scrollableTarget but it gives this error - Uncaught TypeError: Cannot read property 'clientHeight' of null As I am using webcomponent with shadowDOM, so I can not pass id of that divElement as you would never find it using document.getElementById . So is there any way to have this scrollableTarget for shadowDom too? Any help regarding this will be appreciated.

Thanks!

[jp-olvera]

Maybe if you could provide the code you were working on we could figure out a way to solve it, in case you still have it

[luichooy]

Maybe if you could provide the code you were working on we could figure out a way to solve it, in case you still have it

here is reproduction link, thanks! https://codesandbox.io/s/angry-rhodes-9hxmg6?file=/src/index.js

[andrii-shpontak]

Maybe if you could provide the code you were working on we could figure out a way to solve it, in case you still have it

here is reproduction link, thanks! https://codesandbox.io/s/angry-rhodes-9hxmg6?file=/src/index.js

Hello, the code you specified will work without scrollableTarget. I have a similar problem, I can't bind it to the parent component

[luichooy]

Maybe if you could provide the code you were working on we could figure out a way to solve it, in case you still have it

here is reproduction link, thanks! https://codesandbox.io/s/angry-rhodes-9hxmg6?file=/src/index.js

Hello, the code you specified will work without scrollableTarget. I have a similar problem, I can't bind it to the parent component

Are you implying that I should remove the scrollableTarget="scrollableDiv" statement from <InfiniteScroll />? I just tried, but it still doesn't work properly. The fetchMoreData method doesn't get called again to load new data when i scrolled to the bottom.

[andrii-shpontak]

Maybe if you could provide the code you were working on we could figure out a way to solve it, in case you still have it

here is reproduction link, thanks! https://codesandbox.io/s/angry-rhodes-9hxmg6?file=/src/index.js

Hello, the code you specified will work without scrollableTarget. I have a similar problem, I can't bind it to the parent component

Are you implying that I should remove the scrollableTarget="scrollableDiv" statement from <InfiniteScroll />? I just tried, but it still doesn't work properly. The fetchMoreData method doesn't get called again to load new data when i scrolled to the bottom.

I was looking for a solution to this problem for a long time, but it was trivial, I just didn’t get attached to it, you need to look for an element on which you have a height and scrolling works and put a target to it ;)