Problem with ARIA support and ListGrids in IE 11

[Niels_EMP]

Hi, I have a problem with my ListGrids in IE 11 after enabling ARIA.

If a grid has horizontal scrollbars then clicking on a record in the grid will make the grid scroll all the way to the left (first column). This makes it impossible to press the RemoveRecord icon on a record in the list grid.

It works fine in Chrome and FireFox.

ARIA is enabled like so:

public static native void enableAria() /*-{
   $wnd.isc.screenReader = true;
   $wnd.isc.setScreenReaderMode(true);
}-*/;

[Niels_EMP]

As a sidenote, when I was messing around in the showcase in IE 11, trying to recreate the bug (before I found out it was ARIA related) I saw that the grid in the http://www.smartclient.com/smartgwt/...d_cell_widgets example started breaking when I scrolled up and down in the grid. (See attached)

Note. This is not a problem I have in my code, I just wanted to let you know.

[Niels_EMP]

Have you been able to look into this?

[Niels_EMP]

Has this been looked at yet? Do you need any more information?

[Niels_EMP]

Isomorphic Are you looking at this?

[Niels_EMP]

Why is this being ignored?

[Blama]

Hi Niels_EMP, Hi Isomorphic,

I just tested it as well and I can't reproduce using Win 8.1 and IE11


I also don't see some entries disabled here in IE/GC, like in the screenshot.

Best regards
Blama

[Isomorphic]

Sorry for the delay - your account was not correctly marked as having Support.

We likewise aren't reproducing the misrendering.

As far as the ARIA-related issue: you should just be calling setScreenReader(true); having code that also directly sets the screenReader flag is incorrect and could lead to issues.

On the actual issue, clicking moves focus to the row, and with a screen reader active this begins reading the row, starting from the first cell.

How is this leading to issues with clicking the remove icon? Are you saying that some kind of auto-scrolling occurs when you try to use the scrollbar to move the remove icon into view?

Is this the built-in remove icon from the canRemoveRecords:true setting, or something you've implemented yourself?

[Niels_EMP]

This is with the build-in remove icon. When I click anywhere on a listgrid, it auto-scrolls all the way to the left moving the remove icon out of view and for some reason doesn't register the click on the icon. This effectively makes it impossible to remove a record while the listgrid has horizontal scrolbar.

[Blama]

FYI: My comment was directed towards the createRecordComponent-sample, not towards the scrolling issue.

[Isomorphic]

We have made a change to address the "scroll jump" bug in IE11 when you click on the body of the grid.

A limitation note:
The actual scrolling is native and a result of the fact that in screen-reader mode, we put native focus onto the row itself, allowing the screenReader to read meaningful text for the user. That focus actual causes the browser to automatically scroll the left edge of the row into view in IE11. The resolution we have is to simply scroll back to the original position when this occurs.
You may see a flash when this occurs, and we'd possibly recommend disabling animateRecordRemove for your grid as the remove record animation makes this flash more pronounced.

Regards
Isomorphic Software

EDIT: This change will be present in the 10.0 and 10.1 nightly builds dated Nov 7 and above