{"action":"opened","issue":{"url":"https://api.github.com/repos/mui-org/material-ui/issues/13561","repository_url":"https://api.github.com/repos/mui-org/material-ui","labels_url":"https://api.github.com/repos/mui-org/material-ui/issues/13561/labels{/name}","comments_url":"https://api.github.com/repos/mui-org/material-ui/issues/13561/comments","events_url":"https://api.github.com/repos/mui-org/material-ui/issues/13561/events","html_url":"https://github.com/mui-org/material-ui/issues/13561","id":379253760,"node_id":"MDU6SXNzdWUzNzkyNTM3NjA=","number":13561,"title":"Minium size of of Snackbar","user":{"login":"jackyko1991","id":12065287,"node_id":"MDQ6VXNlcjEyMDY1Mjg3","avatar_url":"https://avatars0.githubusercontent.com/u/12065287?v=4","gravatar_id":"","url":"https://api.github.com/users/jackyko1991","html_url":"https://github.com/jackyko1991","followers_url":"https://api.github.com/users/jackyko1991/followers","following_url":"https://api.github.com/users/jackyko1991/following{/other_user}","gists_url":"https://api.github.com/users/jackyko1991/gists{/gist_id}","starred_url":"https://api.github.com/users/jackyko1991/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jackyko1991/subscriptions","organizations_url":"https://api.github.com/users/jackyko1991/orgs","repos_url":"https://api.github.com/users/jackyko1991/repos","events_url":"https://api.github.com/users/jackyko1991/events{/privacy}","received_events_url":"https://api.github.com/users/jackyko1991/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-09T17:29:57Z","updated_at":"2018-11-09T17:29:57Z","closed_at":null,"author_association":"NONE","body":"<!--- Provide a general summary of the issue in the Title above -->\r\n\r\n<!--\r\n    Thank you very much for contributing to Material-UI by creating an issue! ❤️\r\n    To avoid duplicate issues we ask you to check off the following list.\r\n-->\r\n\r\n<!-- Checked checkbox should look like this: [x] -->\r\n- [x] This is not a v0.x issue. <!-- (v0.x is no longer maintained) -->\r\n- [x] I have searched the [issues](https://github.com/mui-org/material-ui/issues) of this repository and believe that this is not a duplicate.\r\n\r\n## Expected Behavior\r\nSnackbar can fit with message size content if no action is applied.\r\n\r\n## Current Behavior\r\nThe snackbar looks very long when message is short. Min-width is set to be 288 and not able to change\r\n\r\n## Steps to Reproduce\r\n```jsx\r\nimport React from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport Slide from '@material-ui/core/Slide';\r\n\r\nfunction TransitionLeft(props) {\r\n  return <Slide {...props} direction=\"left\" />;\r\n}\r\n\r\nfunction TransitionUp(props) {\r\n  return <Slide {...props} direction=\"up\" />;\r\n}\r\n\r\nfunction TransitionRight(props) {\r\n  return <Slide {...props} direction=\"right\" />;\r\n}\r\n\r\nfunction TransitionDown(props) {\r\n  return <Slide {...props} direction=\"down\" />;\r\n}\r\n\r\nclass DirectionSnackbar extends React.Component {\r\n  state = {\r\n    open: false,\r\n    Transition: null,\r\n  };\r\n\r\n  handleClick = Transition => () => {\r\n    this.setState({ open: true, Transition });\r\n  };\r\n\r\n  handleClose = () => {\r\n    this.setState({ open: false });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <Button onClick={this.handleClick(TransitionLeft)}>Right</Button>\r\n        <Button onClick={this.handleClick(TransitionUp)}>Up</Button>\r\n        <Button onClick={this.handleClick(TransitionRight)}>Left</Button>\r\n        <Button onClick={this.handleClick(TransitionDown)}>Down</Button>\r\n        <Snackbar\r\n          open={this.state.open}\r\n          onClose={this.handleClose}\r\n          TransitionComponent={this.state.Transition}\r\n          ContentProps={{\r\n            'aria-describedby': 'message-id',\r\n          }}\r\n          message={<span id=\"message-id\">msg</span>}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default DirectionSnackbar;\r\n```\r\n\r\n## Your Environment\r\n<!---\r\n    Include as many relevant details about the environment with which you experienced the bug.\r\n    If you encounter issues with typescript please include version and tsconfig.\r\n-->\r\n\r\n| Tech         | Version |\r\n|--------------|---------|\r\n| Material-UI  | v3.1.2  |\r\n| React        | v16.5.2        |\r\n| Browser      |Chrome|\r\n"}}
{"actor":{"display_login":"jackyko1991"}}