grid-list на рабочем столе не становится возможным элементом pull

Question

grid-list на рабочем столе не становится возможным элементом pull:

Правильно ли это поведение?

код, примененный в приведенном выше примере:

import React from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/core/styles";
import GridList from "@material-ui/core/GridList";
import GridListTile from "@material-ui/core/GridListTile";

const styles = theme => ({
  root: {
    display: "flex",
    flexWrap: "wrap",
    // justifyContent: "space-around",
    overflow: "hidden"
  },
  gridList: {
    flexWrap: "nowrap",
    flex: 1,
    transform: "translateZ(0)"
  },
  teste: {
    width: 100,
    background: "#ccc"
  }
});

const SingleLineGridList = ({ classes }) => {
  return (
    <div className={classes.root}>
      <GridList spacing={10} className={classes.gridList} cols={2.5}>
        <GridListTile key={1} className={classes.teste}>
          <div>aaa</div>
        </GridListTile>
        <GridListTile key={2} className={classes.teste}>
          <div>bbbb</div>
        </GridListTile>
        <GridListTile key={3} className={classes.teste}>
          <div>cccc</div>
        </GridListTile>
        <GridListTile key={4} className={classes.teste}>
          <div>dddd</div>
        </GridListTile>
      </GridList>
    </div>
  );
};

SingleLineGridList.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles(styles)(SingleLineGridList);

как вы можете заметить, когда интерфейс этого рабочего стола не работает ... Смотри, что, когда я помещаю его на мобильный интерфейс, он становится доступным