Can't hover over elements in developer tools anymore

[alexgleason]

Description

Hovering my mouse over elements in the developer tools no longer has any effect.

Steps to Reproduce

1. Open develop tools on any website
2. Move your mouse over HTML elements

Actual result:

Screen.record.from.2021-10-19.16.52.26.mp4

Brave is on the left. Chromium is on the right.

Expected result:

Hovering has an effect

Reproduces how often:

Always

Brave version (brave://version info)

Brave	1.31.87 Chromium: 95.0.4638.54 (Official Build) (64-bit)
Revision	d31a821ec901f68d0d34ccdbaea45b4c86ce543e-refs/branch-heads/4638@{#871}
OS	Linux

Version/Channel Information:

• Can you reproduce this issue with the current release? Yes
• Can you reproduce this issue with the beta channel? n/a
• Can you reproduce this issue with the nightly channel? n/a

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields? No
• Does the issue resolve itself when disabling Brave Rewards? No
• Is the issue reproducible on the latest version of Chrome? No

Miscellaneous Information:

Brave is installed as a Snap through Snapcraft.

[oliver139]

Yes, I encounter this problem as well and this is so trouble..
You can try going into the devtools setting and click "Restore defaults and reload"
It will back to normal, but the problem will still occur later

[boazblake]

also if you modify the state of the css via the checkboxes in the styles panel the html will begin to mess up.

[cjbrunnen]

+1 following

Brave.devtools.bug.mov

[wknapik]

This issue appears to be outdated. Both the highlighting of dom elements and the live modification of css properties works as expected. Closing, please reopen, or open a new issue if necessary.