fix: nodebb/nodebb#7345, textcomplete for Persona QR

lib/modules/quickreply.js

@@ -2,7 +2,7 @@
 
 /*globals $, app, ajaxify, socket*/
 
-define('persona/quickreply', ['components'], function(components) {
+define('persona/quickreply', ['components', 'composer/autocomplete'], function(components, autocomplete) {
 	var QuickReply = {};
 
 	QuickReply.init = function() {
@@ -12,18 +12,21 @@ define('persona/quickreply', ['components'], function(components) {
 			element: element,
 			strategies: [],
 			options: {
-				zIndex: 100,
-				listPosition: function(position) {
-					this.$el.css(this._applyPlacement(position));
-				this.$el.css('position', 'absolute');
-				return this;
+				style: {
+					'z-index': 100,
 				}
+				// listPosition: function(position) {
+				// 	this.$el.css(this._applyPlacement(position));
+				// this.$el.css('position', 'absolute');
+				// return this;
+				// }
 			}
 		};
 
 		$(window).trigger('composer:autocomplete:init', data);
-		data.element.textcomplete(data.strategies, data.options);
-		$('.textcomplete-wrapper').css('height', '100%').find('textarea').css('height', '100%');
+		autocomplete._active['persona_qr'] = autocomplete.setup(data);
+		// data.element.textcomplete(data.strategies, data.options);
+		// $('.textcomplete-wrapper').css('height', '100%').find('textarea').css('height', '100%');
 
 		components.get('topic/quickreply/button').on('click', function(e) {
 			e.preventDefault();
@@ -41,7 +44,9 @@ define('persona/quickreply', ['components'], function(components) {
 				if (data && data.queued) {
 					app.alertSuccess(data.message);
 				}
+
 				components.get('topic/quickreply/text').val('');
+				autocomplete._active['persona_qr'].hide();
 			});
 		});
 	};

package.json

@@ -2,7 +2,7 @@
   "name": "nodebb-theme-persona",
   "version": "9.1.15",
   "nbbpm": {
-    "compatibility": "^1.11.0"
+    "compatibility": "^1.12.0"
   },
   "description": "Persona theme for NodeBB",
   "main": "theme.less",