778798 - Tab index on select option breaks select fuctionality

Status: NEW

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[Adam Stark]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.57 Safari/536.11

Steps to reproduce:

Added an incremental tab index to select tag, and child option tags.

<select id="service" name="service" style="width:215px" tabindex="3" >
  <option tabindex="4" value="">Please Select</option>
  <option tabindex="5" value="00">Roofing (Install or Replace)</option>
  <option tabindex="6" value="01">Kitchen Remodel</option>
  <option tabindex="7" value="02">Bathroom Remodel</option>
  <option tabindex="8" value="03">Deck or Porch (Repair or Remodel)</option>
  <option tabindex="9" value="04">Vinyl Siding</option>
  <option tabindex="10" value="05">General Contractor</option>
  <option tabindex="11" value="06">Handyman Services</option>
</select>​




Actual results:

Select option no longer allows a user to click to select an option.

http://jsfiddle.net/byANH/

The following link shows that without the tab index property the select option returns to normal functionality without the tabbing option.
http://jsfiddle.net/byANH/1/


Expected results:

User should be able to click to select and option, and tab through the options with the tab key.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

I can reproduce this Issue back to Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20 ID:2008121709

=> likely already filed and thus a Dupe.

Comment 2

[u554753]

Can repro with the following specs:
Windows 7:  Mozilla/5.0 (Windows NT 6.1; WOW64; rv:46.0) Gecko/20100101 Firefox/46.0
Windows 10: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:46.0) Gecko/20100101 Firefox/46.0