Skip to content

SearchBox: New prop for turning off icon animation#4794

Merged
lynamemi merged 6 commits into
microsoft:masterfrom
lynamemi:searchbox-anim-prop
May 7, 2018
Merged

SearchBox: New prop for turning off icon animation#4794
lynamemi merged 6 commits into
microsoft:masterfrom
lynamemi:searchbox-anim-prop

Conversation

@lynamemi

@lynamemi lynamemi commented May 7, 2018

Copy link
Copy Markdown
Collaborator

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ npm run change

Description of changes

The icon animation is not super smooth in IE. We have a partner whose IE-based product is centered around SearchBox. This will allow them and others to disable the icon animation.

Focus areas to test

(optional)

@lynamemi lynamemi requested a review from micahgodbolt May 7, 2018 16:22
* Whether or not to animate the SearchBox icon on focus.
* @default true
*/
animateIcon?: boolean;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

this should be 'disableAnimation' so that the default value is false and invoking it is done via

onBlur={ () => console.log('onBlur called') }
onChange={ () => console.log('onChange called') }
animateIcon={ false }
disableAnimation={ true }

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

={ true } is unnecessary and not the best practice we want to demo to users.

@lynamemi lynamemi merged commit 24ce654 into microsoft:master May 7, 2018
@lynamemi lynamemi deleted the searchbox-anim-prop branch May 7, 2018 20:27
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request May 13, 2018
* master: (52 commits)
  Marqueeselection style update (microsoft#4803)
  Applying package updates.
  FocusZone: Add the ability to stop focus from propagating outside the FocusZone (microsoft#4823)
  Unknown persona coin (microsoft#4809)
  Applying package updates.
  BaseButton: Allow Alt + Down on menu buttons to open the menu (microsoft#4807)
  Applying package updates.
  Website: Scroll to top of page on navigation (microsoft#4810)
  Applying package updates.
  ActivityItem: fix getstyles (microsoft#4802)
  Mark Slider#ValuePosition enum as deprecated as it is unused. (microsoft#4799)
  Icon: ensure `styles` still works. (microsoft#4805)
  Popup: Added check for onBlur to prevent focus setting focus to be incorrectly disabled when closing a menu in Chrome (microsoft#4804)
  Update package.json
  Move <Layer> to use React portals when available (microsoft#4724)
  Fix breadcrumb rendering issue when overflow item is at last index  (microsoft#4787)
  Fixes focus issue for contextual menus (microsoft#4744)
  Remove redundant selected items prop on BaseExtendedPicker (microsoft#4769)
  SearchBox: New prop for turning off icon animation (microsoft#4794)
  Add functions to ContextualMenuItem to open and close menus on command (microsoft#4741)
  ...
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 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.

2 participants