visible descendants of collapsed table row are not rendered but focused and tabbable

NEW
Unassigned

Status

()

Core
Layout
3 years ago
2 years ago

People

(Reporter: Rodney Rehm, Unassigned)

Tracking

Trunk
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

3 years ago
Created attachment 8557309 [details]
gecko-visibility-collapse.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20150108202552

Steps to reproduce:

consider the following HTML:

<table>
  <tbody>
    <tr>
      <td><a id="before" href="#void">before</a></td>
    </tr>
    <tr style="visibility:collapse">
      <td><a id="visible" href="#void" style="visibility: visible">collapsed visible</a></td>
    </tr>
    <tr>
      <td><a id="after" href="#void">after</a></td>
    </tr>
  </tbody>
</table>


Actual results:

I was able to focus the element #visible by pressing the tab key, but I could not see the element on screen.


Expected results:

I should either see the visible descendant of a collapsed row on screen (other browsers, especially IE, make it look "ugly") or not be able to focus the element at all.

Comment 1

2 years ago
Hi, 

I have tested this on Mac OS X 10.10 with Nightly 46.0a1. 
Actual results: I see the element "before" but "collapsed visible, after" are on the same row, the elements are visible on the screen, I was not able to focus the elements by pressing the Tab key.
Please download the Firefox Nightly from here: https://nightly.mozilla.org/ and retest the problem.
Thank you.
Flags: needinfo?(mail)
(Reporter)

Comment 2

2 years ago
Hi,

I retested with Nightly 46.0a1 (2015-12-28) and I can't reproduce your scenario.

* The all three links are keyboard focusable by pressing the Tab key
* The link "collapsed visible" becomes visible only after first focus
* The element "collapsed visible" overlaps with the following content
Flags: needinfo?(mail)

Comment 3

2 years ago
Hi,

Something is not working right here. 
I can't focus the elements by pressing the Tab key. 
The link "collapsed visible" becomes visible only after first focus, I can reproduce that.
The element "collapsed visible" overlaps "after" element. This is true.
Component: Untriaged → Layout
Product: Firefox → Core
Version: 35 Branch → Trunk

Updated

2 years ago
Status: UNCONFIRMED → NEW
Ever confirmed: true
(Reporter)

Comment 4

2 years ago
> I can't focus the elements by pressing the Tab key. 

As there are 2 simple links on that page that should be reachable via Tab key, I assume there's something off with your system / browser configuration.

If you're on Mac, be sure to set "Full Keyboard Access" to "All Controls" in the "Shortcuts" Tab of the "Keyboard" System Preferences. If you have E10 active, try without the multi-process mode (used to flat out prevent tabbing)

Comment 5

2 years ago
Hi Rodney,
You were right, now I can focus the elements by pressing the tab key. Thank you.
You need to log in before you can comment on or make changes to this bug.