Closed Bug 1462331 Opened 6 years ago Closed 5 years ago

Amazon - properties for carousel content not displayed in inspector

Categories

(DevTools :: Inspector, defect, P2)

defect

Tracking

(firefox-esr52 unaffected, firefox-esr60 wontfix, firefox60 wontfix, firefox61 wontfix, firefox62 wontfix)

RESOLVED WORKSFORME
Tracking Status
firefox-esr52 --- unaffected
firefox-esr60 --- wontfix
firefox60 --- wontfix
firefox61 --- wontfix
firefox62 --- wontfix

People

(Reporter: cfogel, Unassigned)

Details

(Keywords: regression)

Attachments

(1 file)

[Affected versions]:
- Firefox  60.0, Firefox 61.0b5, Firefox 62.0a1 (2018-05-16);

[Affected platforms]:
- Windows 10x64, Ubuntu 16.04x64, macOS10.12.6

[Steps to reproduce]:
1. Open Firefox;
2. Navigate to http://www.amazon.com ;
3. Scroll down until the second or third carousel;
4. Right Click on any product image from the mentioned sections;
5. Click on the Inspect Element option in the drop-down menu.

[Expected result]:
- Class/image properties are displayed in the rules section.

[Actual result]:
- The properties are not displayed in the inspector. 

[Regression range]:
- Last good:2017-06-21
- First bad:2017-06-21 18:49:54.949000  
- Pushlog url:
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=92eb911c35da48907d326604c4c92cf55e551895&tochange=5456e68aafc268021815d220ad75ae304d4bd744

[Additional notes]:
- Attached screen-cast with the issue;
- Also reproducible on www.amazon.de ;
- Not reproducible on Chrome or Internet Explorer;
- In some cases something is displayed for 1 second max. then the rules section is cleared;
- If you navigate manually to the class in the inspector you can locate it.
Also, the element does not get selected in the inspector.
It's almost like the inspector tries to select it, and then something happens while that is going on and the element can not be selected. Which is why the rule-view is empty.
So the rule-view is likely not the problem here, but rather the selection process while the inspector opens up.

Gabriel: do you have some time to investigate this issue please?
Component: Developer Tools: Object Inspector → Developer Tools: Inspector
Flags: needinfo?(gl)
Priority: -- → P1
Something is definitely happening also on reload. Cause if you select the right element (by using the element picker, after the inspector has been opened), and then reload the page, then the element is supposed to be auto-reselected, but it's not.
I'm suspecting markup mutations happen that trip the inspector.
Further investigation show that the carousel elements get a .hovering class when the mouse is over them. That class later goes away when we try to select the element in the inspector, so we can't find it anymore (since we locate element by css selectors).
This is likely a duplicate of bug 1399045.
Handing over to Gabriel from here for further investigation and for checking whether this is really a duplicate.
P1 without an assignee, downgrading to P2 for now. But still seems quite important to me.
Gabriel, friendly reminder to look at this when you have a second, this seems like something we need to at least evaluate quickly.
Priority: P1 → P2
Product: Firefox → DevTools

I can't reproduce any of the problems in Firefox 67 now.
I'm going to close this now, but please re-test and feel free to re-open if it still happens to you.

Status: NEW → RESOLVED
Closed: 5 years ago
Flags: needinfo?(gl)
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: