The original title is about keeping keyboard focus stable when virtualized grids recycle rows. Let me rewrite this for a mobile feed.

Short summary

Virtualized grids that recycle DOM nodes break keyboard navigation and screen-reader announcements when the focused row scrolls out of view. The post recommends tracking stable row IDs instead of rendered indexes, using aria-activedescendant to maintain logical focus, and restoring DOM focus to a proxy or newly rendered equivalent. It includes test strategies for sort, filter, and scroll scenarios using Playwright and manual screen-reader validation.

• •Store stable row IDs, not rendered indexes, to survive virtualization recycling
• •Use aria-activedescendant and a grid proxy to maintain logical focus across scroll and sort
• •Automated tests must check activeElement and attributes; manual checks validate announcement quality

Generated with AI, which can make mistakes.