ListItem jump

[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>
    );
  }
});

[darkleaf]

Workaround

<ListItem leftCheckbox={<Checkbox />} style={{overflow: 'visible'}}>

[hai-cea]

Thanks for reporting this @darkleaf

[darkleaf]

Thanks! 👍