select box under fixed footer navbar menu item reacts on click (Android)

select box under fixed footer navbar menu item reacts on click (Android)

Hi everyone!
I found strange problem on Android devices (detected on 2.3.3) which not occurs on webpage (tested with Ripple). JQuery is version 1.8.2 and JQM is version 1.2.0.
I have selectboxes with native options:
  1. $.mobile.selectmenu.prototype.options.nativeMenu = true;
and if the page is longer like screen and they occur under fixed footer menu and user clicks as shown on figure, navbar item doesn't reacts, but selectbox expands options.



I have also tried these functions in menu item onclick function:
  1. event.stopPropagation
  2. event.stopImmediatePropagation
but it doesn't work because in the case overlaping elements, onclick function of footer menu element is not executed.
Here is sample of code:
  1. <div data-role="content">
  2.       <form id="profileForm">
  3.             <label for="sex">Pohlavie:</label>
  4.             <select name="sex" id="sex" data-theme="a"       onchange="check_profile_form()">
  5.             <option value="0" placeholder></option>
  6.             <option value="1">žena</option>
  7.             <option value="2">muž</option>
  8.             </select>
  9.       </form>
  10. </div>
  11. <div data-role="footer" data-position="fixed" data-toggle="false">
  12.       <div data-role="navbar" data-theme="c">
  13.       <ul>
  14.             <li><a href="#" data-theme="c">
  15.                  <img src="img/ikony_05.png" class="footer_image"/>
  16.             </a></li>
  17.             <li><a href="#" data-theme="c">     
  18.                   <img src="img/ikony_06.png" class="footer_image"/>
  19.             </a></li>
  20.             <li><a href="#" data-theme="c" class="ui-btn-active ui-state-persist">                        <img src="img/ikony_07.png" class="footer_image"/>
  21.             </a></li>
  22.             <li><a href="#" data-theme="c">
  23.                   <img src="img/ikony_08.png" class="footer_image"/>
  24.             </a></li>
  25.       </ul>
  26.       </div>
  27. </div>
Every advice will be very appreciated.