Skip to content

TextField and SearchBox in Dialog require 2 clicks to regain focus  #7992

@cnshenj

Description

@cnshenj

Environment Information

  • Package version(s):
    "office-ui-fabric-react": "^6.138.1",
    "react": "^16.8.1",
    "react-dom": "^16.8.1",

  • Browser and OS versions: (fill this out if relevant)

Please provide a reproduction of the bug in a codepen:

https://codesandbox.io/s/91oz23zj64

  1. Click the TextField in the Dialog to focus
  2. Click outside the TextField (e.g. empty Dialog area) to move focus out
  3. Click the TextField again

Actual behavior:

The TextField doesn't have focus, doesn't accept typing.
Click the TextField one more time, it will then regain focus.

The TextField outside the Dialog is not affected.

Expected behavior:

After step 3, the TextField should have focus

Priorities and help requested:

Are you willing to submit a PR to fix? (Yes, No)
Maybe

Requested priority: (Blocking, High, Normal, Low)
Normal

Products/sites affected: (if applicable)

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions