Skip to content

Shift + Tab not working to reverse cycle tab index focus on certain prefab components #3

@KillerOctopusTentacles

Description

@KillerOctopusTentacles

Issue

Using shift + tab to navigate backwards (or up) through form doesn't work, the tab focus gets stuck in the last focused component, which impedes the UX for fast form navigation and entry.

Tab focus gets stuck in Text Input and Text Area prefab components when using shift + tab.

I'm not sure if this is an issue with the prefab components or Framer.

Steps

  1. Go to https://framerprefabs.com/prefabs/form (or create your form with prefab components)
  2. Use tab to cycle focus down through the components (get to the message prefab component)
  3. Use shift + tab to cycle back up

Observed

  1. Cannot use shift + tab to set focus to the component above
  2. Focus seems to be stuck going back up
  3. Using tab works as expected to cycle down to through the components and loop the tab index
  4. Setting the parent Framer stack to tab-index to -1 or 0 doesn't do anything

Expected

User can use shift-tab to scroll back up through the tab indexes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions