New issue
Advanced search Search tips

Issue 859881 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug


Participants' hotlists:
Hotlist-1


Sign in to add a comment

Elements: Unable to find matching selector after DOM change & revert

Reported by river....@gmail.com, Jul 3

Issue description

Chrome Version       : 67.0.3396.87

Steps to reproduce:
1. Open DevTool Elements and find via search bar the element whose page code (css properties etc.) changes to state X after user's action. Result: element found, element counter appears 1/N;
2. Do the action that makes element change to state X;
3. Go to DevTool Elements search bar and press Enter _without search string editing_. Result: element counter updates - 0/0;
4. Do the action that makes element change back to original state;
5. Go to DevTool Elements search bar and press Enter _without search string editing_.

Expected result: Element counter updates - 1/N.

Actual result: Element not found, element counter doesn't update until you change anything in search string.


Same thing with elements which can be loaded/unloaded after user's action.
Archive with screenshots attached.

URL: https://bugs.chromium.org/p/chromium/issues/list
Search string: div#menuDiv-account-menu[style*='display: none']



 
ChromeBugAttach.rar
434 KB Download
Labels: Needs-Triage-M67
Labels: Needs-Feedback Triaged-ET
Tried to reproduce the issue by following below steps.
1.Opened the link and opened devTools
2.Search the given string- could not find the element counter updates

Attached is the screen cast for reference.
@reporter : Request you to check and confirm if anything is missed from our end in reproducing the issue and any further information will help in better triaging..

Thanks !
859881.mp4
3.7 MB View Download
Components: Platform>DevTools
I mean the other search bar. Here is my steps with some details:
1) Open link, open DevTools, click to the html-code-area, press CTRL+F
2) Search the given string. 
Part of HTML-code highlights, 1 of 1 appears in right side of search bar. Highlighted html-code is the code of profile dropdown list in the top-right corner of the page. It has [style='... display: none'] that means that user can not see this dropdown list now.
3) Click on triangle and open dropdown list. 
Now there is no 'display: none' in highlighted html-code - and no other things that equals search string.
4) Click on search bar and press 'Enter'. 
Entry counter updates and shows 0 of 0 now, html-code is not highlighted either.
5) Click on triangle and close dropdown list. 
Now 'display: none' is in the code again, so this part of html-code should be selected with search-string
6) Click on search bar and press 'Enter' (same as step 4). 
No counter update, no highlight, no selection. The only way to make the search find it is change anything in search string (for example, add space in the end).

I also attached my screen cast.

Thanks for the fast answer!
2018-07-05 19-51-07.mp4
10.0 MB View Download
Project Member

Comment 5 by sheriffbot@chromium.org, Jul 5

Cc: swarnasree.mukkala@chromium.org
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -Platform>DevTools Platform>DevTools>Authoring
Owner: einbinder@chromium.org
Status: Assigned (was: Unconfirmed)
Nice bug. And thanks for the clean repro. I can repro in Canary.


 Issue 859078  has been merged into this issue.
Summary: Elements: Unable to find matching selector after DOM change & revert (was: Unable to find element with code search bar after element's change and rollback)

Sign in to add a comment