1327087 - Highlight buttons doesn't change state when I click highlight button of the same selector

Status: NEW

(DevTools :: Inspector: Rules, enhancement, P3)

Description

[arni2033]

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160511030221
STR_1:
1. Open   data:text/html,<span class="t">A<div class="t">B<style>.t{color:black}</style><style>.t{x:y}
2. Open inspector, select <span> node, open ruleview
3. Click highlight button near the first selector ".t" in ruleview
4. Click highlight button near the second selector ".t" in ruleview

AR:  After Step 3 the first highlight button is "pressed", second one isn't.
ER:  After Step 3 both highlight buttons should become "pressed"


EXPLANATION:

AR_detailed:
 After Step 3 the first highlight button is "pressed", second one isn't. Nodes on page are highlighted
 After Step 4 the second button stays not "pressed". Nodes on page become not highlighted
 
ER_detailed:
 In Step 4 user sees that the button isn't pressed. So expected action is "enable highlight".
 To prevent this confusion, highlight buttons of the same selectors should become pressed.
 CSS selectors may be long, so user doesn't have to compare them before clicking highlight button.

The opposite thing happens if after Step 3 I select <div> node, and remove highlight on ".t"

Comment 1

[Julian Descottes [:jdescottes]]

Inspector bug triage, filter on CLIMBING SHOES.