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

[MenuList] Wrap focus by default, add disableListWrap #14100

Merged
merged 5 commits into from
Jan 7, 2019

Conversation

dallin-christensen
Copy link
Contributor

resolves a feature mentioned in issue #13865

The MenuList component now wraps by default, gave disableListWrap prop for users to opt-out, updated docs accordingly.

@oliviertassinari oliviertassinari added the component: menu This is the name of the generic UI component, not the React module! label Jan 6, 2019
@oliviertassinari oliviertassinari added the new feature New feature or request label Jan 6, 2019
@oliviertassinari oliviertassinari changed the title [MenuList] component now wraps by default [MenuList] Wrap focus by default, add disableListWrap Jan 6, 2019
@oliviertassinari
Copy link
Member

@dallin-christensen It's a great first pull request on Material-UI 👌🏻. Thank you for working on it!

@dallin-christensen dallin-christensen deleted the menu-wrap branch January 7, 2019 15:51
@dallin-christensen
Copy link
Contributor Author

@oliviertassinari Thank you! It was a fun feature to build 👍

@micahstubbs
Copy link

seeing a React warning related to this new disableListWrap prop

screen shot 2019-01-17 at 1 12 24 pm

warning text index.js:1452 Warning: React does not recognize the `disableListWrap` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `disablelistwrap` instead. If you accidentally passed it from a parent component, remove it from the DOM element. in ul (created by List) in List (created by WithStyles(List)) in WithStyles(List) (created by MenuList) in MenuList (created by Menu) in div (created by Paper) in Paper (created by WithStyles(Paper)) in WithStyles(Paper) (created by Popover) in Transition (created by Grow) in Grow (created by WithTheme(Grow)) in WithTheme(Grow) (created by Popover) in RootRef (created by Modal) in div (created by Modal) in Portal (created by Modal) in Modal (created by WithStyles(Modal)) in WithStyles(Modal) (created by Popover) in Popover (created by WithStyles(Popover)) in WithStyles(Popover) (created by Menu) in Menu (created by WithStyles(Menu)) in WithStyles(Menu) (created by SelectInput) in div (created by SelectInput) in SelectInput (created by InputBase) in div (created by InputBase) in InputBase (created by Context.Consumer) in WithFormControlContext(InputBase) (created by WithStyles(WithFormControlContext(InputBase))) in WithStyles(WithFormControlContext(InputBase)) (created by Input) in Input (created by WithStyles(Input)) in WithStyles(Input) in Select (created by Context.Consumer) in WithFormControlContext(Select) (created by WithStyles(WithFormControlContext(Select)))

@micahstubbs
Copy link

here's a small PR to fix the React warning #14226

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: menu This is the name of the generic UI component, not the React module! new feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants