Indeed you need to escape those characters and is indeed not so user friendly. You could try to create your own search box as a workaround.
Regards,
Ronald
Hi Toshiya,
So if you would be able to manually escape it from the input as you commented to your question, another workaround could be using the html snippet to add an javascript escape function to the search button click and the on enter event of your search field like something as below. Name the input field for example "searchDescription" and the grid "searchGridExample". Below code should get you a some way in the right direction. I guess you have to check as well if it's not escaped already to prevent false results when clicking twice or pressing enter in the search field twice. You could use some regex functionality for that.
Snippet:
https://github.com/mendix/HTMLSnippet
Simple example:
function escapefunction(){
$('.mx-name-searchDescription').find(':input')[0].value = $('.mx-name-searchDescription').find(':input')[0].value.replace("%", "\\%");
};
$('.mx-name-searchGridExample .mx-grid-searchbar .mx-grid-search-controls .mx-grid-search-button')[0].addEventListener("click", escapefunction, false);
Still is not a very nice way because the user still sees the escape chars in your input searchfield but if acceptable would be another alternative.
Regards,