Material-ui: Incorrect `ListItemSecondaryAction` Position with `react-window`

Created on 3 Jun 2019  路  4Comments  路  Source: mui-org/material-ui

  • [ x] This is not a v0.x issue.
  • [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 馃

The ListItemSecondaryAction should be displayed in the correct position.

Current Behavior 馃槸

The position of each ListItemSecondaryAction is incorrect.

image

Steps to Reproduce 馃暪

Link: https://codesandbox.io/s/material-demo-y2qpd?fontsize=14

  1. Simply use the same example here: https://material-ui.com/components/lists/#virtualized-list
  2. Add a ListItemSecondaryAction to the ListItem

Context 馃敠

I need to be able to use all of ListItem UI features with a virtualized list.

Your Environment 馃寧

| Tech | Version |
|--------------|---------|
| Material-UI | v4.0.1 |
| React | 16.8.1 |
| Browser | Chrome 74 |
| TypeScript | 3.3.3 |
| react-window | 1.8.2 |

List support

Most helpful comment

@nichgalea Tips:

<ListItem button ContainerProps={{ style: style }} ContainerComponent="div" key={index}>

Capture d鈥檈虂cran 2019-06-04 a虁 15 22 27

All 4 comments

馃憢 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however,
this issue appears to be a support request or question. Please ask on StackOverflow where the
community will do their best to help. There is a "material-ui" tag that you can use to tag your
question.

If you would like to link from here to your question on SO, it will help others find it.
If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.

@nichgalea Tips:

<ListItem button ContainerProps={{ style: style }} ContainerComponent="div" key={index}>

Capture d鈥檈虂cran 2019-06-04 a虁 15 22 27

Thanks!

For people that may be confused about the container props, that style is the style react-window injects into your component

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghost picture ghost  路  3Comments

rbozan picture rbozan  路  3Comments

pola88 picture pola88  路  3Comments

ryanflorence picture ryanflorence  路  3Comments

newoga picture newoga  路  3Comments