這是在使用京東的一個日期組件時碰到的bug,重現bug的代碼精簡如下
<!DOCTYPE HTML> <html> <head> <title> 僅Firefox中A元素包含Select時點擊Select不能選擇option </title> </head> <body> <a href="javascript:void 0"><select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select></a> </body> </html>
代碼很簡單,元素A包含了一個Select,在Firefox中打開該頁面,點擊select,第一次出現下拉的option。第二次以后再點擊,則不會出現option選項。甚是奇怪。
最后為了保證每次點擊select,都能正常彈出option,可以把元素A去掉,或把元素A換成SPAN。
測試Firefox版本:24