Custom autocomplete suggestions created in jquery are misplaced | XM Community
Skip to main content

I've implemented the following javascript code to use the autocomplete feature within the text field question in Qualtrics.
Qualtrics.SurveyEngine.addOnReady(function()
{
var textOptions = [

"Adam", "Athelney", "Baring"

];
jQuery('.QR-' + this.questionId).autocomplete({
source: textOptions,
minLength: 3
});

});
The code works; however, the autocomplete suggestions appears at the end of the page (below "Powered by Qualtrics" URL link). See the first screenshot:
enter image description here
I am not sure whether this is a bug within Qualtrics; however, I've tested the same code on an account provided by a different University (see the second screenshot below) where the same code works as expected (the suggestion appears right below the question, not at the end of the page) so I am left puzzled by this behavior.
Qualtrics screenshot 2
Any ideas what may cause this behavior and how to resolve it? (both examples don't use any custom CSS or such but they are accounts hosted at two different Universities) Thank you.

Be the first to reply!

Leave a Reply