Scroll element should scroll into view after "Enter" key pressed (T1074082) (#37)

(cherry picked from commit b17133d)

Author: DokaRus

modules/keyboard.js

@@ -362,6 +362,7 @@ class Keyboard extends Module {
     this.quill.updateContents(delta, Quill.sources.USER);
     this.quill.setSelection(range.index + 1, Quill.sources.SILENT);
     this.quill.focus();
+    context.line.domNode.scrollIntoView(false);
 
     Object.keys(context.format).forEach(name => {
       if (lineFormats[name] != null) return;

test/functional/epic.js

@@ -229,6 +229,15 @@ describe('quill', function() {
     html = await page.$eval('.ql-editor', e => e.innerHTML);
     expect(html).toEqual(`<p>12 </p><p>${EMBED} 34</p>`);
 
+    const windowScrollY = await page.$eval('html', e => e.scrollTop);
+    await page.click('#content');
+    await page.keyboard.press('Enter');
+    await page.keyboard.press('Enter');
+    await page.keyboard.press('Enter');
+    const actualWindowScrollY = await page.$eval('html', e => e.scrollTop);
+
+    expect(actualWindowScrollY).toBeGreaterThan(windowScrollY);
+
     await browser.close();
   });
 });

test/functional/example/index.html

@@ -15,6 +15,7 @@
         <button id="italic">Italic</button>
         <button id="header">Header</button>
         <button id="embed">Insert embed</button>
+        <button id="content">Insert much more content</button>
 
         <div id="editor"></div>
     </div>
@@ -62,5 +63,18 @@
             editor.focus();
             editor.setSelection(4, 0);
         });
+
+        document
+            .getElementById('content')
+            .addEventListener('click', () => {
+                const content = new Array (150).fill('lorem\n').join('');
+
+                editor.setContents({
+                    ops: [{ insert: content }]
+                });
+
+                editor.focus();
+                editor.setSelection(editor.getLength() - 1, 0);
+            });
 </script>
 </html>