How do I scroll to the bottom of the editor?

[vbmark]

I am adding text to the editor by the click of a button, but the newly added text is not visible because the editor does not automatically scroll.

Is there either a flag that I can set so that new content is detected and the scroll happens automatically, or is there a way via JavaScript to manually scroll to the bottom?

Thank you.

[samclarke]

The editor should really do this so marking as a bug.

For now it can be done getting the documentElement from the body node and setting the scrollTop property.

Something like this should work:

const document = instance.getBody().ownerDocument;
const documentElement = document.documentElement;

// Save selection so can see where end marker is
instance.getRangeHelper().saveRange();
const marker = document.getElementById('sceditor-end-marker');
marker.style.display = 'inline-block';

// Work out where end marker is and current scroll position
const scrollTop = documentElement.scrollTop;
const scrollTo = (sceditor.dom.getOffset(marker).top + (marker.offsetHeight * 1.5)) - documentElement.offsetHeight;
marker.style.display = 'none';

// Only scroll if end marker isn't already visible
if (scrollTo > scrollTop || scrollTo + documentElement.offsetHeight < scrollTop) {
  documentElement.scrollTop = scrollTo;
}

// Restore selection
instance.getRangeHelper().restoreRange();

Demo: https://jsfiddle.net/t35bfp18/