Tabbing through cells in FlexGrid row when overflow hides the row

Posted by: eh1160 on 28 October 2021, 8:23 am EST

    • Post Options:
    • Link

    Posted 28 October 2021, 8:23 am EST

    Tabbing from cell to cell in a FlexGrid does not work when when the cells are hidden behind a CSS overflow. The tabbing progresses until it reaches the last visible cell, and then break out of the table to the next element on the page. We want tabbing to continue though all the cells…even the hidden ones.

    See Stackblitz for a demo:

    https://stackblitz.com/edit/wijmo-tabbing-ky5bwg

  • Posted 31 October 2021, 5:15 pm EST

    Hello,

    We apologize for the late response, the issue has been already been fixed in the latest wijmo build, therefore we request you to update the wijmo build to resolve the issue.

    In the latest build, you can set the tab action behavior using FlexGrid property called keyActionTab to Cycle, please refer to the API links below for reference:

    keyActionTab property: https://www.grapecity.com/wijmo/api/classes/wijmo_grid.flexgrid.html#keyactiontab

    keyActionTab enum: https://www.grapecity.com/wijmo/api/enums/wijmo_grid.keyaction.html#cycle

    Let us know if you face any issues during the update or have any doubts.

    Regards

  • Posted 1 November 2021, 12:15 am EST

    Thanks for the response. Which Wijmo release fixed this issue?

    For new API properties & methods, it would be helpful if the API documented the Wijmo release when it was added.

  • Posted 1 November 2021, 5:27 pm EST

    Hello,

    The keyActionTab property has been introduced in wijmo build 5.20173.403, however, the fix for the issue related to your question has been added after the wijmo build 5.20181.462 with few optimizations.

    You can verify the behavior in the updated sample link below: https://stackblitz.com/edit/wijmo-tabbing-ky5bwg-c5pety?file=app%2Fapp.module.ts

    You can refer to the wijmo release information from the following link given below:

    Wijmo release information: https://www.grapecity.com/wijmo/releases

    Wijmo 5.20173.403 build release information: https://www.grapecity.com/wijmo/releases/wijmo-older-versions

    Regards

  • Posted 23 February 2022, 3:53 am EST

    Actually, we are now seeing a scenario where [keyActionTab]=“‘Cycle’” doesn’t work.

    1. Visit this stackblitz: https://stackblitz.com/edit/wijmo-tabbing-ky5bwg-uo3cfm?file=app%2Fwijmo%2Fwijmo.component.html. Make sure the browser window is narrower than the width of the table.
    2. Place focus in the text input that exists in the first cell.
    3. Press the tab key multiple times.

    Expected Behavior: The tab key will cycle through all the columns

    Actual Behavior: The tab key cycles through only the visible columns

  • Posted 24 February 2022, 4:26 am EST

    Hi,

    The issue reported seems by design since as the Focus is on the Input, on pressing the tab key, the focus is shifted for the Input contorls not the Cells.

    Hence, we need to handle the keydown event for the FlexGrid and move the selection to the next selection as the Tab key is pressed whether it is for the Input control or FlexGrid.

    Regards,

    Manish Gupta

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels