Library

React Northstar / v0 (@fluentui/react-northstar)

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i7-10610U CPU @ 1.80GHz
    Memory: 8.22 GB / 15.73 GB
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (103.0.1264.49)
    Internet Explorer: 11.0.22000.120

Are you reporting Accessibility issue?

No response

Reproduction

Sandbox URL: https://codesandbox.io/s/form-field-bug-zwezvu?file=/example.js

Bug Description

Environment Information

• Package version(s): @fluentui/react-northstar: 0.63.0
• Browser and OS versions: Edge browser with Windows

Describe the issue:

An unnecessary aria-labelledby="undefined" is being added onto a non-interactive div. It's causing issues with our automated tools because it's invalid.

Sandbox URL: https://codesandbox.io/s/form-field-bug-zwezvu?file=/example.js

Logs

No response

Requested priority

Normal

Products/sites affected

Approvals - MSTeams

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.