[user2513Participant]

Hi Hristo,
my use case is more generic. There are more objects I want to test, not only jqxGrid.
ScrollIntoView is a standard method, supported by all major browsers.

Same happens with Google Chrome DevTools, try:
– open https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/tabs-and-grid.htm
– open DevTools (F12)
– open Tab “Elements”
– search (Strg+F) for “contenttable”
– -> header disappears
Afterwards all rows are displaced (try hovering over grid cells).

I need a fix/workaround for this problem.
Thanks in advance!

[user2513Participant]

Hi Hristo,
thanks for your reply!
I’m trying to run external gui-tests.
For interacting with a DOM object, the test-software first tries to scrollIntoView().
https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
And that’s what causes the jqxGrid header to disappear, when applied to the grid’s contenttable-div.
Reproducable with this jsfiddle: https://jsfiddle.net/9Lndhr1q/1/

[user2513Participant]

P.S.: I was also able to reproduce it with the angular-grid example as stated above https://www.jqwidgets.com/angular/angular-grid/angular-grid-gridinjqxtabs.htm and the following JS snippet: document.evaluate("/html/body/app-root/jqxtabs/div/div[2]/div[1]/jqxgrid/div/div/div/div[5]/div[2]/div",document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.scrollIntoView();

[user2513Participant]

Hi,
same problem here with v12.0.1 and Chrome:
– download v12.0.1
– open grid-demo /demos/Javascript%20&%20JQuery/jqxgrid/defaultfunctionality.htm
– open Chrome DevTools (F12)
– in js-console, execute (that’s what Ranorex does in my case) document.querySelector("#contenttablegrid").scrollIntoViewIfNeeded();
– -> header disappears
Thanks in advance!

[Author]

Posts