Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

The tab key does not move between form fields correctly in Firefox 4

  • 10 trả lời
  • 88 gặp vấn đề này
  • 5 lượt xem
  • Trả lời mới nhất được viết bởi nickmalcolm

more options

The behavior of the tab key within web page forms has changed since I upgraded to Firefox 4. The tab key used to skip between text input boxes. It now skips between text input boxes, buttons, and drop-down menus.

The behavior of the tab key within web page forms has changed since I upgraded to Firefox 4. The tab key used to skip between text input boxes. It now skips between text input boxes, buttons, and drop-down menus.

Tất cả các câu trả lời (10)

more options

I've noticed that under some circumstances it selects the div field depending on the CSS setting overflow:auto. Changing the autoflow to any other value eliminated the problem. Didn't happen in Firefox 3.x

more options

OK, how does one change the autoflow setting?

more options
more options

I get the same result whether "Text boxes and lists only" is selected or "All controls" is selected".

more options

I too have noticed this issue, especially when using "overflow: auto". Here is some html...

<div>

  <label for="id_username">Username</label>
  <input type="text" name="username" id="id_username">
</div>
       
<div id="password_div_id">
   <label for="id_password">Password</label>
   <input type="password" id="id_password" name="password">

</div>

If the "div" elements are set to "overflow: auto" in their CSS, then selecting the "username" field then hitting tab will actually tab you to the second div (ID'd as "password_div_id"), rather than jumping you to the password input.

Not sure if this is the expected behavior or not.

Được chỉnh sửa bởi markhildreth vào

more options

This has to be a bug. There's no logical reason why one would want to tab to non-field elements within a form.

I have checked in IE9, Chrome, Safari & Opera and this doesn't happen with them.

more options

Just set overflow:hidden on the offending divs and the problem has gone away.

more options

That's great for web pages that I make but I can't control other people's web pages, which is the main problem.

more options

Maybe this will be sorted out with an update, or a lot of developers are going to have to change a lot of css.

more options

This is also the case with <li> tags with overflow:auto. If you want some jQuery to debug this yourself:

 $("div,input,li").focus(function(){
   $(this).attr("style","border: 3px solid red")
 });
 $("div,input,li").blur(function(){
   $(this).attr("style","border: 3px solid yellow")
 });

Được chỉnh sửa bởi nickmalcolm vào