Skip to content

Issue with Toolbar and keyboard navigation #3169

@KavunCODE

Description

@KavunCODE

Hi, we are still encountering the issue similar to one mentioned here: #3087 while working with FluentToolbar. Using the arrow keys -> changes the focus to components located to the left or right, depending on the arrow key pressed, instead of moving the cursor through text inside FluentSearch, FluentDatePicker, etc.

image

FluentUI version is 4.11.1

How to reproduce:
Simply wrap a couple of components that allow writing text or values with FluentToolbar:

@page "/Page1"

<FluentToolbar>
<FluentSearch Id="SearchField1" Placeholder="Search" />

<FluentSearch Id="SearchField2" Placeholder="Search" />

<FluentDatePicker Appearance="FluentInputAppearance.Outline" />
</FluentToolbar>

Output image:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    community:contributionIssue will/can be addressed by community contribution

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions