-
Notifications
You must be signed in to change notification settings - Fork 2.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(react-dialog): make aria-* properties reassignable #25092
fix(react-dialog): make aria-* properties reassignable #25092
Conversation
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 9c0eed5:
|
📊 Bundle size reportUnchanged fixtures
|
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: ff55fc0e1abd7e61331bbcba18e066b6c449ba79 (build) |
Perf Analysis (
|
Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
---|---|---|---|---|---|
Avatar | mount | 1266 | 1268 | 5000 | |
Button | mount | 919 | 911 | 5000 | |
FluentProvider | mount | 1476 | 1482 | 5000 | |
FluentProviderWithTheme | mount | 580 | 580 | 10 | |
FluentProviderWithTheme | virtual-rerender | 536 | 543 | 10 | |
FluentProviderWithTheme | virtual-rerender-with-unmount | 576 | 573 | 10 | |
MakeStyles | mount | 1956 | 1962 | 50000 | |
SpinButton | mount | 2329 | 2350 | 5000 |
8ca6f89
to
9c0eed5
Compare
Pull request was closed
@@ -1,7 +1,7 @@ | |||
import * as React from 'react'; | |||
import { useModalAttributes } from '@fluentui/react-tabster'; | |||
import { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities'; | |||
import { DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types'; | |||
import type { DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types'; | |||
import { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts'; | |||
import { useARIAButtonProps } from '@fluentui/react-aria'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
import { useARIAButtonProps } from '@fluentui/react-aria'; | |
import type { useARIAButtonProps } from '@fluentui/react-aria'; |
* master: (23 commits) Revert "chore: screener-run workflow should report to PR (microsoft#25144)" (microsoft#25145) chore: screener-run workflow should report to PR (microsoft#25144) applying package updates fix: The Tooltip should not hide if it gets keyboard focus (microsoft#25138) fix: Tooltip should not hide if an element inside it gets focused (microsoft#25140) Create react-migration-v8-v9 with shims and stories (microsoft#25121) fix: CheckboxField to set a generated ID on the input, to match the label's htmlFor (microsoft#25079) feat: Overflow menu should be registered in overflowManager (microsoft#25091) fix: version-bump generator removes beachball disallowedChangeType config (microsoft#25130) fix: new overflow items should only be enqueued while observing (microsoft#25122) fix(script): allow runPublished call from CLI (microsoft#25127) feat: add vertical variation for toolbar (microsoft#24940) ProgressField implementation and stories (microsoft#25103) fix: Dropdown icon layout with no placeholder/value (microsoft#25049) chore: add a bundle size fixture (Button, Provider & theme) (microsoft#25113) feat: Adding subtle transition between states on Button components (microsoft#25106) Revert "chore: screener-run workflow should report to PR (microsoft#25096)" (microsoft#25115) chore: screener-run workflow should report to PR (microsoft#25096) fix(react-dialog): aria-* properties should be reassignable (microsoft#25092) fix(scripts): don't run publish if web-components are affected (microsoft#25095) ...
Current Behavior
aria-describedby
oraria-labelledby
properties provided by the user forDialogSurface
will be overridden to internal values.New Behavior
aria-*
properties will be properly reassigned by the user, this ensure removingaria-describedby
by assigning it toundefined
on scenarios where we don't want screen readers to read the body of the dialog.aria-describeby
is recommended