Suppose the following tree:
<div id='host'>
- <shadow root>
- <content>
- <text node A>
When <text node A> is clicked, click event's target becomes #host. But that should be 'shadow root'.
The reason is that the text node is distributed and the nearest parentNode of the text node is 'shadow root' in composed shadow DOM tree.