I have a chrome extension that relies on detecting click event on seek bar of Netflix. The div ([data-uia=timeline-bar]) is added dynamically to dom once user hovers over the video player, so I tried to use event bubbling to listen to the event.

```
    //after injecting jquery on page 
    $('body').on('click','[data-uia=timeline-bar]',function(e){
        console.log('click detected');
    })

```

It didn't work out so I tried to add listener at capture phase. All click events are being detected but the seek bar click.

```
document.addEventListener('click',
(e) => {console.log('click detected during capture phase')}
,true);

```

Is there a way to listen to the click event on ([data-uia=timeline-bar])?

[![Netflix screenshot](https://i.stack.imgur.com/Z78oR.jpg)](https://i.stack.imgur.com/Z78oR.jpg)