Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: Regressed editor functionality - scroll position sync

This commit is contained in:
Robin Ward 2015-11-10 16:07:18 -05:00
parent 8eee0cf0ca
commit 42bf8151b2
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -56,6 +56,8 @@ export default Ember.Component.extend({
transformComplete: v => v.username || v.usernames.join(", @")
});
$input.on('scroll', () => Ember.run.throttle(this, this._syncEditorAndPreviewScroll, 20));
// Focus on the body unless we have a title
if (!this.get('composer.canEditTitle') && !Discourse.Mobile.mobileView) {
this.$('.d-editor-input').putCursorAtEnd();
@ -86,6 +88,29 @@ export default Ember.Component.extend({
}
},
_syncEditorAndPreviewScroll() {
const $input = this.$('.d-editor-input');
const $preview = this.$('.d-editor-preview');
if ($input.scrollTop() === 0) {
$preview.scrollTop(0);
return;
}
const inputHeight = $input[0].scrollHeight;
const previewHeight = $preview[0].scrollHeight;
if (($input.height() + $input.scrollTop() + 100) > inputHeight) {
// cheat, special case for bottom
$preview.scrollTop(previewHeight);
return;
}
const scrollPosition = $input.scrollTop();
const factor = previewHeight / inputHeight;
const desired = scrollPosition * factor;
$preview.scrollTop(desired + 50);
},
_renderUnseen: function($preview, unseen) {
fetchUnseenMentions($preview, unseen, this.siteSettings).then(() => {
linkSeenMentions($preview, this.siteSettings);