downshift-examples | Created with CodeSandbox | Frontend Framework library
kandi X-RAY | downshift-examples Summary
kandi X-RAY | downshift-examples Summary
Created with CodeSandbox
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of downshift-examples
downshift-examples Key Features
downshift-examples Examples and Code Snippets
Community Discussions
Trending Discussions on downshift-examples
QUESTION
I've tried to adapt this downshift example (other-examples/react-window
) to work with material-ui components.
I've tried several options in my local environment but it breaks the rendering when scrolling or navigating the results with the keyboard. I've forked the codesandbox here. The only code I've adapted is the ItemRenderer
function, changing the original Item
by ListItem
or MenuItem
but the result is the same. I also adapted FixedSizeList's itemSize
to 46
to match the material-ui component height, but it doesn't fix anything.
I don't quite understand why the material-ui list example works with react-window but it breaks with downshift.
Any help would be appreciated :)
Versions used:
...ANSWER
Answered 2019-May-13 at 08:58Ok, found it, I missed the style={this.props.style}
that was passed to the ListItem
component in the material-ui example and apparently that was breaking everything...
I adapted the whole example with material-ui components, in case it's useful to someone.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install downshift-examples
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page