Detect if mention panel goes beyond window borders.

ckeditor · Sep 8, 2020 · b774464 · b774464
1 parent 3cf0051
commit b774464
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/plugins/autocomplete/plugin.js b/plugins/autocomplete/plugin.js
@@ -941,6 +941,13 @@
 				top = Math.max( rect.bottom, editorViewportRect.top );
 			}
 
+			var windowHeight = window.innerHeight || Math.max( document.body.offsetHeight, document.documentElement.offsetHeight );
+
+			// Detect if panel goes beyond window borders.
+			if ( rect.top + viewHeight > windowHeight ) {
+				top = rect.top - viewHeight;
+			}
+
 			this.element.setStyles( {
 				left: rect.left + 'px',
 				top: top + 'px'