From ecbc2a2f2509a0350242d73daa762ab04aea5e33 Mon Sep 17 00:00:00 2001
From: Marina Glancy <marina@moodle.com>
Date: Thu, 29 Oct 2015 13:49:56 +0800
Subject: [PATCH] MDL-51966 forms: case-insensitive search in autocomplete

---
 lib/amd/build/form-autocomplete.min.js |  2 +-
 lib/amd/src/form-autocomplete.js       | 73 +++++++++++++++++++++-----
 lib/form/autocomplete.php              | 11 +++-
 3 files changed, 71 insertions(+), 15 deletions(-)

diff --git a/lib/amd/build/form-autocomplete.min.js b/lib/amd/build/form-autocomplete.min.js
index bced4845ea0..4fbc871e001 100644
--- a/lib/amd/build/form-autocomplete.min.js
+++ b/lib/amd/build/form-autocomplete.min.js
@@ -1 +1 @@
-define(["jquery","core/log","core/str","core/templates","core/notification"],function(a,b,c,d,e){var f={DOWN:40,ENTER:13,SPACE:32,ESCAPE:27,COMMA:188,UP:38},g=null,h=function(b,c){var d=a(document.getElementById(c)),e=d.children("[aria-selected=true]").length;for(b%=e;0>b;)b+=e;var f=a(d.children("[aria-selected=true]").get(b)),g=c+"-"+b;d.children().attr("data-active-selection",!1).attr("id",""),f.attr("data-active-selection",!0).attr("id",g),d.attr("aria-activedescendant",g)},i=function(b,c,d,e,f){var g=a(d).attr("data-value");f&&e.children("option").each(function(b,c){a(c).attr("value")==g&&(a(c).prop("selected",!1),a(c).attr("data-iscustom")&&a(c).remove())}),r(c,b,e,f)},j=function(b,c,d){var e=a(document.getElementById(c)),f=a(document.getElementById(d)),g=f.children("[aria-hidden=false]").length;for(b%=g;0>b;)b+=g;var h=a(f.children("[aria-hidden=false]").get(b)),i=a(f.children("[role=option]")).index(h),j=d+"-"+i;f.children().attr("aria-selected",!1).attr("id",""),h.attr("aria-selected",!0).attr("id",j),e.attr("aria-activedescendant",j)},k=function(b,c){var d=a(document.getElementById(c)),e=d.children("[aria-selected=true]"),f=d.children("[aria-hidden=false]").index(e);j(f+1,b,c)},l=function(b){var c=a(document.getElementById(b)),d=c.children("[data-active-selection=true]");if(!d)return void h(0,b);var e=c.children("[aria-selected=true]").index(d);h(e-1,b)},m=function(b){var c=a(document.getElementById(b)),d=c.children("[data-active-selection=true]");if(!d)return void h(0,b);var e=c.children("[aria-selected=true]").index(d);h(e+1,b)},n=function(b,c){var d=a(document.getElementById(c)),e=d.children("[aria-selected=true]"),f=d.children("[aria-hidden=false]").index(e);j(f-1,b,c)},o=function(b,c,d){var e=a(document.getElementById(b)),f=a(document.getElementById(c));e.attr("aria-expanded",!1).attr("aria-activedescendant",d),f.hide().attr("aria-hidden",!0)},p=function(b,f,g,h,i,k){var l=a(document.getElementById(f)),m=a(document.getElementById(g)),n=!1,o=[];h.children("option").each(function(b,c){a(c).prop("selected")!==!0&&(o[o.length]={label:c.innerHTML,value:a(c).attr("value")})}),d.render("core/form_autocomplete_suggestions",{inputId:f,suggestionsId:g,options:o,multiple:i}).done(function(d){m.replaceWith(d),m=a(document.getElementById(g)),m.show().attr("aria-hidden",!1),m.children().each(function(c,d){d=a(d),d.text().indexOf(b)>-1?(d.show().attr("aria-hidden",!1),n=!0):d.hide().attr("aria-hidden",!0)}),l.attr("aria-expanded",!0),n?k||j(0,f,g):c.get_string("nosuggestions","form").done(function(a){m.html(a)})}).fail(e.exception)},q=function(b,c,d,e,f){var g=a(document.getElementById(b)),h=g.val(),i=h.split(","),j=!1;a.each(i,function(b,c){if(c=c.trim(),""!==c&&(e||f.children("option").prop("selected",!1),f.children("option").each(function(b,d){a(d).attr("value")==c&&(j=!0,a(d).prop("selected",!0))}),!j)){var d=a("<option>");d.append(c),d.attr("value",c),f.append(d),d.prop("selected",!0),d.attr("data-iscustom",!0)}}),r(d,b,f,e),g.val(""),o(b,c,d)},r=function(b,c,f,g){var i=[],j=a(document.getElementById(b)),k=j.attr("aria-activedescendant"),l=!1;k&&(l=a(document.getElementById(k)).attr("data-value")),f.children("option").each(function(b,c){a(c).prop("selected")&&i.push({label:a(c).html(),value:a(c).attr("value")})});var m={selectionId:b,items:i,multiple:g};d.render("core/form_autocomplete_selection",m).done(function(c){j.empty().append(a(c).html()),l!==!1&&j.children("[aria-selected=true]").each(function(c,d){a(d).attr("data-value")===l&&h(c,b)})}).fail(e.exception),f.change()},s=function(b,c,d,e,f){var g=a(document.getElementById(b)),h=a(document.getElementById(c)),i=h.children("[aria-selected=true]").attr("data-value");e||f.children("option").prop("selected",!1),f.children("option").each(function(b,c){a(c).attr("value")==i&&a(c).prop("selected",!0)}),r(d,b,f,e),g.val(""),o(b,c,d)},t=function(b,c,d,f,g,h,i,j){var k=a(b.currentTarget).val();j.transport(c,k,function(b){var e=j.processResults(c,b),k=[];g.children("option").each(function(b,c){c=a(c),c.prop("selected")?k.push(c.attr("value")):c.remove()}),a.each(e,function(b,c){if(-1===k.indexOf(c.value)){var d=a("<option>");d.append(c.label),d.attr("value",c.value),g.append(d)}}),p("",d,f,g,h,i)},e.exception)},u=function(b,c,d,e,h,r,u,v,w){var x=a(document.getElementById(b));x.on("keydown",function(d){switch(d.keyCode){case f.DOWN:return"true"===x.attr("aria-expanded")?k(b,c):!x.val()&&w?require([w],function(a){t(d,v,b,c,h,r,u,a)}):p(x.val(),b,c,h,r,u),d.preventDefault(),!1;case f.COMMA:return u&&q(b,c,e,r,h),d.preventDefault(),!1;case f.UP:return n(b,c),d.preventDefault(),!1;case f.ENTER:var g=a(document.getElementById(c));return"true"===x.attr("aria-expanded")&&g.children("[aria-selected=true]").length>0?s(b,c,e,r,h):u&&q(b,c,e,r,h),d.preventDefault(),!1;case f.ESCAPE:return"true"===x.attr("aria-expanded")&&o(b,c,e),d.preventDefault(),!1}return!0}),x.on("behat:set-value",function(){u&&q(b,c,e,r,h)}),x.on("blur focus",function(a){g&&window.clearTimeout(g),g=window.setTimeout(function(){"blur"==a.type&&u&&q(b,c,e,r,h),o(b,c,e)},500)});var y=a(document.getElementById(d));y.on("click",function(){x.focus(),g&&window.clearTimeout(g),p(x.val(),b,c,h,r,u)});var z=a(document.getElementById(c));z.parent().on("click","[role=option]",function(d){var f=a(d.currentTarget).closest("[role=option]"),g=a(document.getElementById(c)),i=g.children("[aria-hidden=false]").index(f);j(i,b,c),s(b,c,e,r,h)});var A=a(document.getElementById(e));A.on("click","[role=listitem]",function(c){var d=a(c.currentTarget);i(b,e,d,h,r)}),A.on("keydown",function(c){switch(c.keyCode){case f.DOWN:return m(e),c.preventDefault(),!1;case f.UP:return l(e),c.preventDefault(),!1;case f.SPACE:case f.ENTER:var d=a(document.getElementById(e)).children("[data-active-selection=true]");return d&&(i(b,e,d,h,r),c.preventDefault()),!1}return!0}),x.on("input",function(d){var e=a(d.currentTarget).val();p(e,b,c,h,r,u)})};return{enhance:function(c,e,f,g){"undefined"==typeof e&&(e=!1),"undefined"==typeof f&&(f=!1);var h=a(c);if(!h)return b.debug("Selector not found: "+c),!1;h.hide().attr("aria-hidden",!0);var i=h.attr("id"),j=h.attr("multiple"),k="form_autocomplete_input-"+a.now(),l="form_autocomplete_suggestions-"+a.now(),m="form_autocomplete_selection-"+a.now(),n="form_autocomplete_downarrow-"+a.now(),o=a("[for="+i+"]"),p=[];h.children("option").each(function(b,c){p[b]={label:c.innerHTML,value:a(c).attr("value")}});var q=d.render("core/form_autocomplete_input",{downArrowId:n,inputId:k,suggestionsId:l,selectionId:m,placeholder:g,multiple:j}),s=d.render("core/form_autocomplete_suggestions",{inputId:k,suggestionsId:l,options:p,multiple:j}),v=d.render("core/form_autocomplete_selection",{selectionId:m,items:[],multiple:j});a.when(q,s,v).done(function(b,d,g){h.after(d),h.after(b),h.after(g),o.attr("for",k),u(k,l,n,m,h,j,e,c,f);var i=a(document.getElementById(k)),p=a(document.getElementById(l));p.hide().attr("aria-hidden",!0),f&&require([f],function(b){var d=function(a){t(a,c,k,l,h,j,e,b)};i.on("input keypress",d);var f=a(document.getElementById(n));f.on("click",d)}),r(m,k,h,j)})}}});
\ No newline at end of file
+define(["jquery","core/log","core/str","core/templates","core/notification"],function(a,b,c,d,e){var f={DOWN:40,ENTER:13,SPACE:32,ESCAPE:27,COMMA:188,UP:38},g=null,h=function(b,c){var d=a(document.getElementById(c)),e=d.children("[aria-selected=true]").length;for(b%=e;0>b;)b+=e;var f=a(d.children("[aria-selected=true]").get(b)),g=c+"-"+b;d.children().attr("data-active-selection",!1).attr("id",""),f.attr("data-active-selection",!0).attr("id",g),d.attr("aria-activedescendant",g)},i=function(b,c,d,e,f){var g=a(d).attr("data-value");f&&e.children("option").each(function(b,c){a(c).attr("value")==g&&(a(c).prop("selected",!1),a(c).attr("data-iscustom")&&a(c).remove())}),r(c,b,e,f)},j=function(b,c,d){var e=a(document.getElementById(c)),f=a(document.getElementById(d)),g=f.children("[aria-hidden=false]").length;for(b%=g;0>b;)b+=g;var h=a(f.children("[aria-hidden=false]").get(b)),i=a(f.children("[role=option]")).index(h),j=d+"-"+i;f.children().attr("aria-selected",!1).attr("id",""),h.attr("aria-selected",!0).attr("id",j),e.attr("aria-activedescendant",j)},k=function(b,c){var d=a(document.getElementById(c)),e=d.children("[aria-selected=true]"),f=d.children("[aria-hidden=false]").index(e);j(f+1,b,c)},l=function(b){var c=a(document.getElementById(b)),d=c.children("[data-active-selection=true]");if(!d)return void h(0,b);var e=c.children("[aria-selected=true]").index(d);h(e-1,b)},m=function(b){var c=a(document.getElementById(b)),d=c.children("[data-active-selection=true]");if(!d)return void h(0,b);var e=c.children("[aria-selected=true]").index(d);h(e+1,b)},n=function(b,c){var d=a(document.getElementById(c)),e=d.children("[aria-selected=true]"),f=d.children("[aria-hidden=false]").index(e);j(f-1,b,c)},o=function(b,c,d){var e=a(document.getElementById(b)),f=a(document.getElementById(c));e.attr("aria-expanded",!1).attr("aria-activedescendant",d),f.hide().attr("aria-hidden",!0)},p=function(b,f,g,h,i,k,l){var m=a(document.getElementById(f)),n=a(document.getElementById(g)),o=!1,p=[];h.children("option").each(function(b,c){a(c).prop("selected")!==!0&&(p[p.length]={label:c.innerHTML,value:a(c).attr("value")})});var q=l?b:b.toLocaleLowerCase();d.render("core/form_autocomplete_suggestions",{inputId:f,suggestionsId:g,options:p,multiple:i}).done(function(b){n.replaceWith(b),n=a(document.getElementById(g)),n.show().attr("aria-hidden",!1),n.children().each(function(b,c){c=a(c),l&&c.text().indexOf(q)>-1||!l&&c.text().toLocaleLowerCase().indexOf(q)>-1?(c.show().attr("aria-hidden",!1),o=!0):c.hide().attr("aria-hidden",!0)}),m.attr("aria-expanded",!0),o?k||j(0,f,g):c.get_string("nosuggestions","form").done(function(a){n.html(a)})}).fail(e.exception)},q=function(b,c,d,e,f){var g=a(document.getElementById(b)),h=g.val(),i=h.split(","),j=!1;a.each(i,function(b,c){if(c=c.trim(),""!==c&&(e||f.children("option").prop("selected",!1),f.children("option").each(function(b,d){a(d).attr("value")==c&&(j=!0,a(d).prop("selected",!0))}),!j)){var d=a("<option>");d.append(c),d.attr("value",c),f.append(d),d.prop("selected",!0),d.attr("data-iscustom",!0)}}),r(d,b,f,e),g.val(""),o(b,c,d)},r=function(b,c,f,g){var i=[],j=a(document.getElementById(b)),k=j.attr("aria-activedescendant"),l=!1;k&&(l=a(document.getElementById(k)).attr("data-value")),f.children("option").each(function(b,c){a(c).prop("selected")&&i.push({label:a(c).html(),value:a(c).attr("value")})});var m={selectionId:b,items:i,multiple:g};d.render("core/form_autocomplete_selection",m).done(function(c){j.empty().append(a(c).html()),l!==!1&&j.children("[aria-selected=true]").each(function(c,d){a(d).attr("data-value")===l&&h(c,b)})}).fail(e.exception),f.change()},s=function(b,c,d,e,f){var g=a(document.getElementById(b)),h=a(document.getElementById(c)),i=h.children("[aria-selected=true]").attr("data-value");e||f.children("option").prop("selected",!1),f.children("option").each(function(b,c){a(c).attr("value")==i&&a(c).prop("selected",!0)}),r(d,b,f,e),g.val(""),o(b,c,d)},t=function(b,c,d,f,g,h,i,j,k){var l=a(b.currentTarget).val();j.transport(c,l,function(b){var e=j.processResults(c,b),l=[];g.children("option").each(function(b,c){c=a(c),c.prop("selected")?l.push(c.attr("value")):c.remove()}),a.each(e,function(b,c){if(-1===l.indexOf(c.value)){var d=a("<option>");d.append(c.label),d.attr("value",c.value),g.append(d)}}),p("",d,f,g,h,i,k)},e.exception)},u=function(b,c,d,e,h,r,u,v,w,x){var y=a(document.getElementById(b));y.on("keydown",function(d){switch(d.keyCode){case f.DOWN:return"true"===y.attr("aria-expanded")?k(b,c):!y.val()&&w?require([w],function(a){t(d,v,b,c,h,r,u,a,x)}):p(y.val(),b,c,h,r,u,x),d.preventDefault(),!1;case f.COMMA:return u&&q(b,c,e,r,h),d.preventDefault(),!1;case f.UP:return n(b,c),d.preventDefault(),!1;case f.ENTER:var g=a(document.getElementById(c));return"true"===y.attr("aria-expanded")&&g.children("[aria-selected=true]").length>0?s(b,c,e,r,h):u&&q(b,c,e,r,h),d.preventDefault(),!1;case f.ESCAPE:return"true"===y.attr("aria-expanded")&&o(b,c,e),d.preventDefault(),!1}return!0}),y.on("behat:set-value",function(){u&&q(b,c,e,r,h)}),y.on("blur focus",function(a){g&&window.clearTimeout(g),g=window.setTimeout(function(){"blur"==a.type&&u&&q(b,c,e,r,h),o(b,c,e)},500)});var z=a(document.getElementById(d));z.on("click",function(){y.focus(),g&&window.clearTimeout(g),p(y.val(),b,c,h,r,u,x)});var A=a(document.getElementById(c));A.parent().on("click","[role=option]",function(d){var f=a(d.currentTarget).closest("[role=option]"),g=a(document.getElementById(c)),i=g.children("[aria-hidden=false]").index(f);j(i,b,c),s(b,c,e,r,h)});var B=a(document.getElementById(e));B.on("click","[role=listitem]",function(c){var d=a(c.currentTarget);i(b,e,d,h,r)}),B.on("keydown",function(c){switch(c.keyCode){case f.DOWN:return m(e),c.preventDefault(),!1;case f.UP:return l(e),c.preventDefault(),!1;case f.SPACE:case f.ENTER:var d=a(document.getElementById(e)).children("[data-active-selection=true]");return d&&(i(b,e,d,h,r),c.preventDefault()),!1}return!0}),y.on("input",function(d){var e=a(d.currentTarget).val();p(e,b,c,h,r,u,x)})};return{enhance:function(c,e,f,g,h){"undefined"==typeof e&&(e=!1),"undefined"==typeof f&&(f=!1),"undefined"==typeof h&&(h=!1);var i=a(c);if(!i)return b.debug("Selector not found: "+c),!1;i.hide().attr("aria-hidden",!0);var j=i.attr("id"),k=i.attr("multiple"),l="form_autocomplete_input-"+a.now(),m="form_autocomplete_suggestions-"+a.now(),n="form_autocomplete_selection-"+a.now(),o="form_autocomplete_downarrow-"+a.now(),p=a("[for="+j+"]"),q=[];i.children("option").each(function(b,c){q[b]={label:c.innerHTML,value:a(c).attr("value")}});var s=d.render("core/form_autocomplete_input",{downArrowId:o,inputId:l,suggestionsId:m,selectionId:n,placeholder:g,multiple:k}),v=d.render("core/form_autocomplete_suggestions",{inputId:l,suggestionsId:m,options:q,multiple:k}),w=d.render("core/form_autocomplete_selection",{selectionId:n,items:[],multiple:k});a.when(s,v,w).done(function(b,d,g){i.after(d),i.after(b),i.after(g),p.attr("for",l),u(l,m,o,n,i,k,e,c,f,h);var j=a(document.getElementById(l)),q=a(document.getElementById(m));q.hide().attr("aria-hidden",!0),f&&require([f],function(b){var d=function(a){t(a,c,l,m,i,k,e,b,h)};j.on("input keypress",d);var f=a(document.getElementById(o));f.on("click",d)}),r(n,l,i,k)})}}});
\ No newline at end of file
diff --git a/lib/amd/src/form-autocomplete.js b/lib/amd/src/form-autocomplete.js
index 70eb9de54b1..660a28072a1 100644
--- a/lib/amd/src/form-autocomplete.js
+++ b/lib/amd/src/form-autocomplete.js
@@ -250,8 +250,9 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
      * @param {JQuery} originalSelect The JQuery object matching the hidden select list.
      * @param {Boolean} multiple Are multiple items allowed to be selected?
      * @param {Boolean} tags Are we allowed to create new items on the fly?
+     * @param {Boolean} caseSensitive - If search has to be made case sensitive.
      */
-    var updateSuggestions = function(query, inputId, suggestionsId, originalSelect, multiple, tags) {
+    var updateSuggestions = function(query, inputId, suggestionsId, originalSelect, multiple, tags, caseSensitive) {
         // Find the elements in the DOM.
         var inputElement = $(document.getElementById(inputId));
         var suggestionsElement = $(document.getElementById(suggestionsId));
@@ -267,6 +268,7 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
         });
 
         // Re-render the list of suggestions.
+        var searchquery = caseSensitive ? query : query.toLocaleLowerCase();
         templates.render(
             'core/form_autocomplete_suggestions',
             { inputId: inputId, suggestionsId: suggestionsId, options: options, multiple: multiple}
@@ -280,7 +282,8 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
             // For each option in the list, hide it if it doesn't match the query.
             suggestionsElement.children().each(function(index, node) {
                 node = $(node);
-                if (node.text().indexOf(query) > -1) {
+                if ((caseSensitive && node.text().indexOf(searchquery) > -1) ||
+                        (!caseSensitive && node.text().toLocaleLowerCase().indexOf(searchquery) > -1)) {
                     node.show().attr('aria-hidden', false);
                     matchingElements = true;
                 } else {
@@ -460,8 +463,9 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
      * @param {Boolean} multiple Are multiple items allowed to be selected?
      * @param {Boolean} tags Are we allowed to create new items on the fly?
      * @param {Object} ajaxHandler This is a module that does the ajax fetch and translates the results.
+     * @param {Boolean} caseSensitive - If search has to be made case sensitive.
      */
-    var updateAjax = function(e, selector, inputId, suggestionsId, originalSelect, multiple, tags, ajaxHandler) {
+    var updateAjax = function(e, selector, inputId, suggestionsId, originalSelect, multiple, tags, ajaxHandler, caseSensitive) {
         // Get the query to pass to the ajax function.
         var query = $(e.currentTarget).val();
         // Call the transport function to do the ajax (name taken from Select2).
@@ -489,7 +493,7 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
                 }
             });
             // Update the list of suggestions now from the new values in the select list.
-            updateSuggestions('', inputId, suggestionsId, originalSelect, multiple, tags);
+            updateSuggestions('', inputId, suggestionsId, originalSelect, multiple, tags, caseSensitive);
         }, notification.exception);
     };
 
@@ -508,8 +512,18 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
      * @param {String} selector The selector for this select list.
      * @param {String} ajax Name of an AMD module to handle ajax requests. If specified, the AMD
      *                      module must expose 2 functions "transport" and "processResults".
+     * @param {Boolean} caseSensitive - If search has to be made case sensitive.
      */
-    var addNavigation = function(inputId, suggestionsId, downArrowId, selectionId, originalSelect, multiple, tags, selector, ajax) {
+    var addNavigation = function(inputId,
+                                 suggestionsId,
+                                 downArrowId,
+                                 selectionId,
+                                 originalSelect,
+                                 multiple,
+                                 tags,
+                                 selector,
+                                 ajax,
+                                 caseSensitive) {
         // Start with the input element.
         var inputElement = $(document.getElementById(inputId));
         // Add keyboard nav with keydown.
@@ -523,11 +537,25 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
                         // Handle ajax population of suggestions.
                         if (!inputElement.val() && ajax) {
                             require([ajax], function(ajaxHandler) {
-                                updateAjax(e, selector, inputId, suggestionsId, originalSelect, multiple, tags, ajaxHandler);
+                                updateAjax(e,
+                                    selector,
+                                    inputId,
+                                    suggestionsId,
+                                    originalSelect,
+                                    multiple,
+                                    tags,
+                                    ajaxHandler,
+                                    caseSensitive);
                             });
                         } else {
                             // Else - open the suggestions list.
-                            updateSuggestions(inputElement.val(), inputId, suggestionsId, originalSelect, multiple, tags);
+                            updateSuggestions(inputElement.val(),
+                                inputId,
+                                suggestionsId,
+                                originalSelect,
+                                multiple,
+                                tags,
+                                caseSensitive);
                         }
                     }
                     // We handled this event, so prevent it.
@@ -599,7 +627,7 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
                 window.clearTimeout(closeSuggestionsTimer);
             }
             // Show the suggestions list.
-            updateSuggestions(inputElement.val(), inputId, suggestionsId, originalSelect, multiple, tags);
+            updateSuggestions(inputElement.val(), inputId, suggestionsId, originalSelect, multiple, tags, caseSensitive);
         });
 
         var suggestionsElement = $(document.getElementById(suggestionsId));
@@ -654,7 +682,7 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
         // Whenever the input field changes, update the suggestion list.
         inputElement.on('input', function(e) {
             var query = $(e.currentTarget).val();
-            updateSuggestions(query, inputId, suggestionsId, originalSelect, multiple, tags);
+            updateSuggestions(query, inputId, suggestionsId, originalSelect, multiple, tags, caseSensitive);
         });
     };
 
@@ -670,8 +698,9 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
          *                      module must expose 2 functions "transport" and "processResults".
          *                      These are modeled on Select2 see: https://select2.github.io/options.html#ajax
          * @param {String} placeholder - The text to display before a selection is made.
+         * @param {Boolean} caseSensitive - If search has to be made case sensitive.
          */
-        enhance: function(selector, tags, ajax, placeholder) {
+        enhance: function(selector, tags, ajax, placeholder, caseSensitive) {
             // Set some default values.
             if (typeof tags === "undefined") {
                 tags = false;
@@ -679,6 +708,9 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
             if (typeof ajax === "undefined") {
                 ajax = false;
             }
+            if (typeof caseSensitive === "undefined") {
+                caseSensitive = false;
+            }
 
             // Look for the select element.
             var originalSelect = $(selector);
@@ -732,7 +764,16 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
                 // Update the form label to point to the text input.
                 originalLabel.attr('for', inputId);
                 // Add the event handlers.
-                addNavigation(inputId, suggestionsId, downArrowId, selectionId, originalSelect, multiple, tags, selector, ajax);
+                addNavigation(inputId,
+                    suggestionsId,
+                    downArrowId,
+                    selectionId,
+                    originalSelect,
+                    multiple,
+                    tags,
+                    selector,
+                    ajax,
+                    caseSensitive);
 
                 var inputElement = $(document.getElementById(inputId));
                 var suggestionsElement = $(document.getElementById(suggestionsId));
@@ -743,7 +784,15 @@ define(['jquery', 'core/log', 'core/str', 'core/templates', 'core/notification']
                 if (ajax) {
                     require([ajax], function(ajaxHandler) {
                         var handler = function(e) {
-                            updateAjax(e, selector, inputId, suggestionsId, originalSelect, multiple, tags, ajaxHandler);
+                            updateAjax(e,
+                                selector,
+                                inputId,
+                                suggestionsId,
+                                originalSelect,
+                                multiple,
+                                tags,
+                                ajaxHandler,
+                                caseSensitive);
                         };
                         // Trigger an ajax update after the text field value changes.
                         inputElement.on("input keypress", handler);
diff --git a/lib/form/autocomplete.php b/lib/form/autocomplete.php
index 420737306bb..c63cd297d5a 100644
--- a/lib/form/autocomplete.php
+++ b/lib/form/autocomplete.php
@@ -46,6 +46,8 @@ class MoodleQuickForm_autocomplete extends MoodleQuickForm_select {
     protected $ajax = '';
     /** @var string $placeholder Placeholder text for an empty list. */
     protected $placeholder = '';
+    /** @var bool $casesensitive Wether the search has to be case-sensitive. */
+    protected $casesensitive = false;
 
     /**
      * constructor
@@ -54,7 +56,7 @@ class MoodleQuickForm_autocomplete extends MoodleQuickForm_select {
      * @param mixed $elementLabel Label(s) for the select
      * @param mixed $options Data to be used to populate options
      * @param mixed $attributes Either a typical HTML attribute string or an associative array. Special options
-     *                          "tags", "placeholder", "ajax", "multiple" are supported.
+     *                          "tags", "placeholder", "ajax", "multiple", "casesensitive" are supported.
      */
     function MoodleQuickForm_autocomplete($elementName=null, $elementLabel=null, $options=null, $attributes=null) {
         // Even if the constructor gets called twice we do not really want 2x options (crazy forms!).
@@ -75,6 +77,10 @@ class MoodleQuickForm_autocomplete extends MoodleQuickForm_select {
             $this->ajax = $attributes['ajax'];
             unset($attributes['ajax']);
         }
+        if (isset($attributes['casesensitive'])) {
+            $this->casesensitive = $attributes['casesensitive'] ? true : false;
+            unset($attributes['casesensitive']);
+        }
         parent::HTML_QuickForm_select($elementName, $elementLabel, $options, $attributes);
 
         $this->_type = 'autocomplete';
@@ -91,7 +97,8 @@ class MoodleQuickForm_autocomplete extends MoodleQuickForm_select {
         // Enhance the select with javascript.
         $this->_generateId();
         $id = $this->getAttribute('id');
-        $PAGE->requires->js_call_amd('core/form-autocomplete', 'enhance', $params = array('#' . $id, $this->tags, $this->ajax, $this->placeholder));
+        $PAGE->requires->js_call_amd('core/form-autocomplete', 'enhance', $params = array('#' . $id, $this->tags, $this->ajax,
+            $this->placeholder, $this->casesensitive));
 
         return parent::toHTML();
     }