Skip to content

ChoiceGroup fix#8053

Merged
dzearing merged 8 commits into
microsoft:masterfrom
dzearing:choicegroup-fix
Feb 20, 2019
Merged

ChoiceGroup fix#8053
dzearing merged 8 commits into
microsoft:masterfrom
dzearing:choicegroup-fix

Conversation

@dzearing

@dzearing dzearing commented Feb 20, 2019

Copy link
Copy Markdown
Member

Pull request checklist

Description of changes

ChoiceGroup no longer has data-is-focusable attributes. This is causing issues with ChoiceGroup used within a FocusZone.

This will revert some fixes that address #5160, which we need to fix in FocusTrapZone.

This also reverts the usage of tabindex="-1" in Popup. We've received numerous reports of regressions caused by this change. This was originally changed to allow for users to click within modals without focus elements to be able to dismiss them. I think this needs to be done within the content area, inside a trap zone, and not necessarily outside.

But also if TrapZone were refactored, I think it could gracefully keep focus on the right element even if the outer container were focusable.

Focus areas to test

(optional)

Microsoft Reviewers: Open in CodeFlow

…ui-fabric-react into choicegroup-fix

# Conflicts:
#	common/changes/@uifabric/charting/subwayNav_2019-02-15-00-58.json
#	packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.base.tsx

@kenotron kenotron left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm okay with the change since you're willing to take back some behavior in choicegroup

@size-auditor

size-auditor Bot commented Feb 20, 2019

Copy link
Copy Markdown
Bundle test Size (minified) Diff from master
Breadcrumb 197.257 kB BelowBaseline     -12 bytes
DatePicker 215.459 kB BelowBaseline     -12 bytes
Button 190.706 kB BelowBaseline     -12 bytes
CommandBar 198.905 kB BelowBaseline     -12 bytes
ContextualMenu 161.122 kB BelowBaseline     -12 bytes
SwatchColorPicker 195.356 kB BelowBaseline     -12 bytes
Callout 102.654 kB BelowBaseline     -12 bytes
ComboBox 236.249 kB BelowBaseline     -12 bytes
TeachingBubble 192.533 kB BelowBaseline     -12 bytes
SpinButton 191.471 kB BelowBaseline     -12 bytes
Dialog 195.896 kB BelowBaseline     -12 bytes
PersonaCoin 129.826 kB BelowBaseline     -12 bytes
DocumentCard 210.815 kB BelowBaseline     -12 bytes
Dropdown 222.905 kB BelowBaseline     -12 bytes
Panel 194.414 kB BelowBaseline     -12 bytes
Pickers 273.566 kB BelowBaseline     -12 bytes
Nav 186.919 kB BelowBaseline     -12 bytes
Modal 91.536 kB BelowBaseline     -12 bytes
MessageBar 187.41 kB BelowBaseline     -12 bytes
Pivot 185.555 kB BelowBaseline     -12 bytes
Popup 31.657 kB BelowBaseline     -12 bytes
Tooltip 104.038 kB BelowBaseline     -12 bytes
KeytipLayer 118.661 kB BelowBaseline     -12 bytes
Keytip 102.467 kB BelowBaseline     -12 bytes
SearchBox 184.15 kB BelowBaseline     -12 bytes
HoverCard 111.563 kB BelowBaseline     -12 bytes
Grid 180.88 kB BelowBaseline     -12 bytes
SelectedItemsList 223.96 kB BelowBaseline     -12 bytes
Persona 129.808 kB BelowBaseline     -12 bytes
Facepile 207.712 kB BelowBaseline     -12 bytes
FloatingPicker 234.698 kB BelowBaseline     -12 bytes
ChoiceGroup 85.805 kB BelowBaseline     -139 bytes

ExceedsTolerance  Exceeds Tolerance     ExceedsBaseline  Exceeds Baseline     BelowBaseline  Below Baseline     1 kB = 1000 bytes

@dzearing
dzearing merged commit af3fdff into microsoft:master Feb 20, 2019
@dzearing
dzearing deleted the choicegroup-fix branch February 20, 2019 21:28
@msft-github-bot

Copy link
Copy Markdown
Contributor

🎉office-ui-fabric-react@v6.142.0 has been released which incorporates this pull request.:tada:

Handy links:

@JasonGore

Copy link
Copy Markdown
Contributor

This PR also resolved #7992 and #8011. I've created #8055 to capture FocusTrapZone changes going forward, including regressions reintroduced as the result of this PR. (#7839, #5160)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fabric Panel focus order is improper with choice group in the panel

4 participants