Skip to content

ListItem jump #854

@darkleaf

Description

@darkleaf

Hi!
I click on the 'Click and jump' item and it jumps up, but if I click on the checkbox, then all is well.
If I disable overflow property, then item come back.
Item with secondaryText works correct.
I use material-ui 0.9.1 and last Google Chrome 43.

import React from 'react';
import mui, {List, ListItem, Checkbox, TextField} from 'material-ui';

const ThemeManager = new mui.Styles.ThemeManager();

export default React.createClass({
  childContextTypes: {
    muiTheme: React.PropTypes.object
  },
  getChildContext() {
    return {
      muiTheme: ThemeManager.getCurrentTheme()
    };
  },
  render: function() {
    return (
      <div>
        <List>
          <ListItem leftCheckbox={<Checkbox />} secondaryText='without jump'>
            Click and stay
          </ListItem>
          <ListItem leftCheckbox={<Checkbox />}>
            Click and jump
          </ListItem>
        </List>
      </div>
    );
  }
});

_090

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: listChanges related to the listscope: stylesSpecific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions