html5 search input does not work with bootstrap

input[type="search"] {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}

works for me on Chrome (on my Mac, but not on my iPhone...)

An issue related to yours has been already posted in their github