android - TalkBack and Firefox fails when select options are over 20 -


so using android s3 4.1.2 , s4 using 4.2.2 , latest versions of talkback , firefox. have simple html select date of birth selection goes 1996 1900. when talkback enabled , navigates through page. reads collapsed combo box correctly, reads each year after 20th option combo box.

it's pretty basic html, there magic trick need talkback read old school html because ios voiceover reads normally. talkback seems fail on select list contains more 20 options.

<label for="dobdaycl" class="dobpicker">please select day born.</label>  <select name="dobday" id="dobday" tabindex="4" size="1"> <option selected="" value="" role="option" aria-selected="true">day</option> <option value="1" role="option" aria-selected="false">1</option> <option value="2" role="option" aria-selected="false">2</option> <option value="3" role="option" aria-selected="false">3</option> <option value="4" role="option" aria-selected="false">4</option> <option value="5" role="option" aria-selected="false">5</option> <option value="6" role="option" aria-selected="false">6</option> <option value="7" role="option" aria-selected="false">7</option> <option value="8" role="option" aria-selected="false">8</option> <option value="9" role="option" aria-selected="false">9</option> <option value="10" role="option" aria-selected="false">10</option> <option value="11" role="option" aria-selected="false">11</option> <option value="12" role="option" aria-selected="false">12</option> <option value="13" role="option" aria-selected="false">13</option> <option value="14" role="option" aria-selected="false">14</option> <option value="15" role="option" aria-selected="false">15</option> <option value="16" role="option" aria-selected="false">16</option> <option value="17" role="option" aria-selected="false">17</option> <option value="18" role="option" aria-selected="false">18</option> <option value="19" role="option" aria-selected="false">19</option> <option value="20" role="option" aria-selected="false">20</option> <option value="21" role="option" aria-selected="false">21</option> <option value="22" role="option" aria-selected="false">22</option> <option value="23" role="option" aria-selected="false">23</option> <option value="24" role="option" aria-selected="false">24</option> <option value="25" role="option" aria-selected="false">25</option> <option value="26" role="option" aria-selected="false">26</option> <option value="27" role="option" aria-selected="false">27</option> <option value="28" role="option" aria-selected="false">28</option> <option value="29" role="option" aria-selected="false">29</option> <option value="30" role="option" aria-selected="false">30</option> <option value="31" role="option" aria-selected="false">31</option> </select> 

anyone got ideas why?


Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -