Skip to content
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

feat: 1020: Shellbar pass popoverProps to SearchInput #1091

Merged
merged 3 commits into from
Jun 12, 2020
Merged

Conversation

prsdthkr
Copy link
Member

@prsdthkr prsdthkr commented Jun 11, 2020

Description

With this change

  • Shellbar passes popoverProps to SearchInput
    • SearchInput popoverProps default to placement='bottom' and disableEdgeDetection=true
  • Product Switch button gets aria-label from productSwitch.label
    • productSwitch.label prop is now required
    • productSwitch.label prop documented
  • Popover widthSizingType prop documentation markdown is fixed. Earlier, using MD code
    image

fixes #1020

+ fix: productSwitch aria-label and its documentation
+ fix: popover props doc markdown
@netlify
Copy link

netlify bot commented Jun 11, 2020

Deploy preview for fundamental-react ready!

Built with commit cc344d1

https://deploy-preview-1091--fundamental-react.netlify.app

@prsdthkr prsdthkr self-assigned this Jun 11, 2020
@prsdthkr prsdthkr requested a review from jbadan June 12, 2020 02:37
@prsdthkr prsdthkr marked this pull request as ready for review June 12, 2020 02:40
//to always show search-results popup towards bottom
disableEdgeDetection: true,
placement: 'bottom'
}
Copy link
Contributor

Choose a reason for hiding this comment

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

Should we add these as defaults (in shellbar only - not searchinput in general) for consumers that they can then override if they want to?

Copy link
Member Author

Choose a reason for hiding this comment

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

Makes sense

/** For navigating between products. An object that contains an accessible label for product switch button. */
productSwitch: PropTypes.shape({
/** Accessible label for product switch button */
label: PropTypes.string.isRequired
Copy link
Contributor

Choose a reason for hiding this comment

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

👏 Should we mark this as a breaking change when merging since this is now required?

@prsdthkr prsdthkr changed the title fix: 1020: Shellbar pass popoverProps to SearchInput feat: 1020: Shellbar pass popoverProps to SearchInput Jun 12, 2020
Copy link
Contributor

@jbadan jbadan left a comment

Choose a reason for hiding this comment

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

LGTM 🚢 I know we have the issue going on with the snapshots but I think it's fine to merge this then fix the bug separately. It's up to you though

@prsdthkr prsdthkr merged commit 5ab3775 into master Jun 12, 2020
@prsdthkr prsdthkr deleted the fix/issue-1020 branch June 12, 2020 18:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Shellbar does not provide a way to pass Popover props to Search Input
2 participants