ERROR Error: Can't select any node with this selector: .h-12

[zrwander]

It worked when I clicked on the same control after refreshing, but I went back and clicked it again and made an error 😢

document.addEventListener('click', event => {
const element = event.target;
console.log('element---------------->', element);

  const selector = finder(element);
  console.log('selector---------------->', selector);

}

success：
element---------------->'<‘img _ngcontent-serverapp-c96="" src="receive.png" class="h-12 w-12"’>
selector----------------> .relative:nth-child(3) > .h-12

When the failure：
element----------------> <‘img _ngcontent-serverapp-c96="" src="receive.png" class="h-12 w-12"’>
ERROR Error: Can't select any node with this selector: .h-12
at unique (index.js:188) [angular]
at findUniquePath (index.js:161) [angular]
at _loop_1 (index.js:136) [angular]
at bottomUpSearch (index.js:145) [angular]
at default_1 (index.js:79) [angular]
at HTMLDocument. (all-track-action-listener.ts:38) [angular]
at Object.onInvokeTask (core.js:41762) [angular]
at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480) []
at invokeTask (zone-evergreen.js:1621) []
at HTMLDocument.globalZoneAwareCallback (zone-evergreen.js:1658) []

[antonmedv]

Please provide html which causes the error.