IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Editor and preview does not sync when scrolled to the bottom.

Browse Source
This commit is contained in:
Guo Xiang Tan 2017-11-29 08:38:57 +08:00
parent bb0b7b61d7
commit 4816619ba3
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/assets/javascripts/discourse/components/composer-editor.js.es6
View File

@ -254,22 +254,33 @@ export default Ember.Component.extend({
}, },
_syncEditorAndPreviewScroll($input, $preview, scrollMap) { _syncEditorAndPreviewScroll($input, $preview, scrollMap) {
let scrollTop;
if (($input.height() + $input.scrollTop() + 100) > $input[0].scrollHeight) {
scrollTop = $preview[0].scrollHeight;
} else {
const lineHeight = parseFloat($input.css('line-height')); const lineHeight = parseFloat($input.css('line-height'));
const lineNumber = Math.floor($input.scrollTop() / lineHeight); const lineNumber = Math.floor($input.scrollTop() / lineHeight);
scrollTop = scrollMap[lineNumber];
}
$preview.stop(true).animate({ $preview.stop(true).animate({ scrollTop }, 100, 'linear');
scrollTop: scrollMap[lineNumber]
}, 100, 'linear');
}, },
_syncPreviewAndEditorScroll($input, $preview, scrollMap) { _syncPreviewAndEditorScroll($input, $preview, scrollMap) {
if (scrollMap.length < 1) return; if (scrollMap.length < 1) return;
const scrollTop = $preview.scrollTop();
const lineHeight = parseFloat($input.css('line-height'));
$input.stop(true).animate({ let scrollTop;
scrollTop: lineHeight * scrollMap.findIndex(offset => offset > scrollTop) const previewScrollTop = $preview.scrollTop();
}, 100, 'linear');
if (($preview.height() + previewScrollTop + 100) > $preview[0].scrollHeight) {
scrollTop = $input[0].scrollHeight;
} else {
const lineHeight = parseFloat($input.css('line-height'));
scrollTop = lineHeight * scrollMap.findIndex(offset => offset > previewScrollTop);
}
$input.stop(true).animate({ scrollTop }, 100, 'linear');
}, },
_renderUnseenMentions($preview, unseen) { _renderUnseenMentions($preview, unseen) {