1498391 - [Flexbox Inspector][Keyboard Navigation] The focus from the flex items is dismissed without user input

Status: REOPENED

(DevTools :: Inspector, defect, P3)

Description

[Paul_B]

Attachment: Short video of the issue

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0
Build ID: 20181011100123

STR:

1. Launch Firefox and navigate to a random page(e.g. nytimes.com)
2. Enable the element inspector using the keyboard (Ctrl+ Shift + C)
3. Select a Flex Container from the element panel and navigate to the Layout panel using only the keyboard.
4. Navigate to the Flex Items in order to bring them into focus and remain on them for a couple of seconds.
5. Select the focused flex items in order to view the sizing information. 

Actual result:

The user can not select the flex items as this are no longer in focus because it is dismissed fairly quickly.   
I have attached a short video for better understanding.

Expected result:

The focus on the flex items is not dismissed without the user input.

Comment 1

[Paul_B]

I apologize for the later edit. The issue does not seem to repro on Ubuntu 18.04.

Comment 2

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

I am unable to reproduce this in the latest nightly... can you test and see if it is now working for you?

Comment 3

[Paul_B]

Hi Mike and thanks for investigating this report.
I've retested this issue on the latest Nightly build (20181016100106) on Win 10, Win 7, Mac OS X and Ubuntu 18.04 and could not reproduce the issue. I'm going to close this issue as Resolved: Works For Me.

Comment 4

[Paul_B]

On further investigation, it would seem that the issue is not fixed. It does reproduce, but with an extra step. After an element is focused in the Flexbox Inspector, move the mouse cursor anywhere on the webpage. The focus from the flex element will be dismissed. The issue is the same (does not need the extra step) for the page in the example (nytimes.com). I'm reopening the issue.