Scroll position/offset (scrollLeft,scrollTop) should be reflected in rendering of scrollable elements, rather than pretending everything is scrolled to the top/left

[JoolsCaesar]

Use case: description, code

I hoped to use this to generate an image of what the user is currently seeing, however it seems to ignore any scroll offsets (scrollTop/scrollLeft) of elements I'm viewing, so it renders all images as though things had not been scrolled.

I've made a jsfiddle below with a scrollable div containing sequential numbers. If you scroll down to "50" and hit "Render", I'd like that to be reflected in the image, but it seems to pretend the element wasn't scrollable.

jsfiddle

Expected behavior

The content of scrollable element should rendered with it's current scroll offset.

Actual behavior (stack traces, console logs etc)

Elements are rendered as though they were not scrolled.

Library version

2.5.2

Browsers

Chrome 58
Firefox 52

[cnatis]

PR to fix this issue is open #142

It is pretty prototype code so please test before committing to using this feature

[vbguyny]

Any updates on this issue?

[cnatis]

@vbguyny I believe this repo is mostly dead and hasnt seen any commits in about a year and a half. You might want to look at https://github.com/1904labs/dom-to-image-more which appears to be a fork that is trying to improve support and features more actively.

[vbguyny]

@cnatis thanks, I'll check it out!