Child divs cannot be 'picked'

[ndren]

Prerequisites

• I verified that this is not a filter issue
  • Filter issues MUST be reported at filter issue tracker
• This is not a support issue or a question
  • Support issues and questions are handled at /r/uBlockOrigin
• I performed a cursory search of the issue tracker to avoid opening a duplicate issue
  • Your issue may already be reported.
• I tried to reproduce the issue when...
  • uBlock Origin is the only extension
  • uBlock Origin with default lists/settings
  • using a new, unmodified browser profile
• I am running the latest version of uBlock Origin
• I checked the documentation to understand that the issue I report is not a normal behavior

Description

Using the element picker/zapper I cannot select divs that are children of other elements. This could apply to other elements and not strictly divs however I have not done testing on this.

A specific URL where the issue occurs

https://codepen.io/btdmaster50/pen/LYGQZxq

Steps to Reproduce

1. Use the Inspector (F12) to find the element to block
2. Attempt to select said element with the element picker or zapper
3. Find that only its parent can be selected, which is less than optimal.

Expected behavior:

Be able to select the div to be blocked. https://i.imgur.com/2jDRSjL.png

Actual behavior:

Only able to select the entire body. https://i.imgur.com/XqMRWz7.png

Your environment

• uBlock Origin version: 1.28.0
• Browser Name and version: Firefox 78.0.1
• Operating System and version: Ubuntu 20.04

[gorhill]

Duplicate of gorhill/uBlock#1744. The element picker is currently not able to work inside frames, only on the top-level document.

Workaround in Firefox: right-click the frame and select "This Frame" => "Show Only This Frame", then use the element picker.