I have a fixed header and have added the class .fixDataFilter to my lists datafilter.
.fixDataFilter{
position: fixed !important;
width: 75% !important;
z-index: 1!important;
}
this works when there is no focus on the datafilter. I can scroll the list and the header and datafilter stay fixed.
on ios when i focus on the datafilter the header and datafilter arent fixed anymore and the whole page scrolls. on web browser the elements stay fixed, this just seems to be an ios problem (havent tested on android).
I've been searching for a solution for hours but can't get anything to work.
https://getsatisfaction.com/apperyio/...
Apparently; 'JQM hides fixed toolbars once focus is triggered on select, textarea and select; to give more working place when screen width less than 1025.' - http://stackoverflow.com/questions/20...
I want to keep my header and datafilter input fixed when the datafilter has focus
I've tried adding these fixed position again after focus. but it still wont work.