Testcafe Scripts are working fine over Firefox browser but failing over chrome browser. The reason which we identified is that 'when application is open on Firefox browser testcafe itself scroll down to that element and perform action on that element. But in chrome testcafe itself does not able to scroll down and throws error " The specified selector does not match any element in the DOM tree". We even tried to forcefully scroll down till the element but it didn't work.

The following testcafe function we have tried are mentioned below:-

1. ScrollBy
2. ScrollIntoView
3. Scroll
4. Keyevent
5. hover
6. mouse down event

The code Snippet we tried are mentioned below :

```
1. const scrollBy = ClientFunction((x, y) => { window.scrollBy(x, y);
  });  const targetElementPosition = Selector('#id'); await
    scrollBy(0, targetElementPosition);

2.const target = Selector('#id');   await t.scrollIntoView(target);
3. await t.scrollBy(0, #id);
4. await t.scrollIntoView(#id)
5. await t.pressKey('pagedown')
6. await t.hover('#id')
7. const target =Selector('#id');    await t.scrollIntoView(target);
8. var el = Selector(document.getElementById(id)); el.scrollIntoView(true);
9. const target = Selector('#target');
     await t
    .dispatchEvent(target, 'mousedown')
    .wait(5000)

```

please suggest solution for this issue. Any help would be appreciated. Thank you in advance!!