Skip to content

Adding option for focus on tags in disabled picker#4833

Merged
mdahamiwal merged 3 commits intomicrosoft:masterfrom
veloiya:focusTagItemOnDisabledPicker
May 21, 2018
Merged

Adding option for focus on tags in disabled picker#4833
mdahamiwal merged 3 commits intomicrosoft:masterfrom
veloiya:focusTagItemOnDisabledPicker

Conversation

@veloiya
Copy link
Copy Markdown
Contributor

@veloiya veloiya commented May 10, 2018

Pull request checklist

Description of changes

Added an additional optional prop for allowing focus on tagitem when the picker is disabled.

Focus areas to test

  1. Focus behavior of tags when picker is enabled should not change.
  2. Focus behavior of tags when picker is disabled and this prop is not set should not change. It must not allow focus on tags.
  3. Focus behavior of tags when picker is disabled and this prop is set. It should allow focus on tags.

@veloiya veloiya requested a review from joschect as a code owner May 10, 2018 07:03
onItemChange?: (item: T, index: number) => void;
key?: string | number;
removeButtonAriaLabel?: string;
enableTagFocusInDisabledPicker?: boolean;
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.

Since this is the generic PickerItem, name this something more generic.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I could name it something generic like enableItemFocusInDisabledPicker.
But this prop is only being used in tagItem and a generic name could be misleading.
Shall I update it then?

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.

If it's only used in tagItem, then it should be passed through the tag item props. If it's something that all picker items should have, then it should be added here. The picker is meant to be extensible. PickerItemProps is the base that all items have access to.

@veloiya
Copy link
Copy Markdown
Contributor Author

veloiya commented May 17, 2018

I have made the required changes.
@joschect , can you please review and let me know if there are more concerns.

@mdahamiwal mdahamiwal merged commit b035020 into microsoft:master May 21, 2018
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request May 23, 2018
* master: (67 commits)
  Applying package updates.
  Revert ChoiceGroup change in 5.0 to minimize potential partner impact. (microsoft#4962)
  Applying package updates.
  ChoiceGroup: getStyles conversion (microsoft#4852)
  Export SASS variables and mixins (microsoft#4959)
  Variants: update algorithm (microsoft#4949)
  Allow for customization of keycodes that cause the focus rect to appear (microsoft#4948)
  Mergestyles facepile (microsoft#4950)
  Fixing circular dependency and non-AMD references in ContextualMenu (microsoft#4946)
  Clean up semantic slots (microsoft#4932)
  Added missing merge-styles background-size typing (microsoft#4935)
  Applying package updates.
  Split menu button styles (microsoft#4922)
  Experimental Chiclet Component (microsoft#4678)
  Remove hover and pressed background colors (microsoft#4908)
  Remove @cschleiden as Rating code owner (microsoft#4929)
  Addressing Issue microsoft#3691 - SplitButton: In Safari, the SplitButton has mismatched heights (microsoft#4797)
  Applying package updates.
  Adding option for focus on tags in disabled picker (microsoft#4833)
  Jest merge-styles serialization fix for animation-name (microsoft#4927)
  ...
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 30, 2019
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.

Keyboard focus for tagItem when picker is disabled

3 participants