IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-01 13:09:33 -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

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

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