{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/4704","repository_url":"https://api.github.com/repos/callemall/material-ui","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/4704/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/4704/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/4704/events","html_url":"https://github.com/callemall/material-ui/issues/4704","id":165393325,"number":4704,"title":"[ListItem] Overflow for primaryText","user":{"login":"finaiized","id":955189,"avatar_url":"https://avatars.githubusercontent.com/u/955189?v=3","gravatar_id":"","url":"https://api.github.com/users/finaiized","html_url":"https://github.com/finaiized","followers_url":"https://api.github.com/users/finaiized/followers","following_url":"https://api.github.com/users/finaiized/following{/other_user}","gists_url":"https://api.github.com/users/finaiized/gists{/gist_id}","starred_url":"https://api.github.com/users/finaiized/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/finaiized/subscriptions","organizations_url":"https://api.github.com/users/finaiized/orgs","repos_url":"https://api.github.com/users/finaiized/repos","events_url":"https://api.github.com/users/finaiized/events{/privacy}","received_events_url":"https://api.github.com/users/finaiized/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-07-13T18:46:06Z","updated_at":"2016-07-13T22:13:09Z","closed_at":null,"body":"### Problem description\r\n\r\nThe `ListItem` component with `primaryText` overflows it's container. Unlike `secondaryText`, there is no option to set the number of lines before overflow, and there is no overflow behaviour by default. I think it's _possible_ to target the `div` the text is rendered in by setting a `className` on the `ListItem`, then finding the first child div's second div, but that seems error-prone because it depends on the generated HTML.\r\n\r\n### Steps to reproduce\r\n\r\n1. Create a `ListItem` within a `List`, and set it's `primaryText` to a long enough string to cause overflow.\r\n2. The text with overflow the end of the list.\r\n\r\n### Versions\r\n\r\n- Material-UI: 0.15.2\r\n- React: 15.2.0\r\n- Browser: Safari 10"},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/232502533","html_url":"https://github.com/callemall/material-ui/issues/4704#issuecomment-232502533","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/4704","id":232502533,"user":{"login":"nehalbhanushali","id":17151758,"avatar_url":"https://avatars.githubusercontent.com/u/17151758?v=3","gravatar_id":"","url":"https://api.github.com/users/nehalbhanushali","html_url":"https://github.com/nehalbhanushali","followers_url":"https://api.github.com/users/nehalbhanushali/followers","following_url":"https://api.github.com/users/nehalbhanushali/following{/other_user}","gists_url":"https://api.github.com/users/nehalbhanushali/gists{/gist_id}","starred_url":"https://api.github.com/users/nehalbhanushali/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nehalbhanushali/subscriptions","organizations_url":"https://api.github.com/users/nehalbhanushali/orgs","repos_url":"https://api.github.com/users/nehalbhanushali/repos","events_url":"https://api.github.com/users/nehalbhanushali/events{/privacy}","received_events_url":"https://api.github.com/users/nehalbhanushali/received_events","type":"User","site_admin":false},"created_at":"2016-07-13T22:13:09Z","updated_at":"2016-07-13T22:13:09Z","body":"@finaiized In my opinion,`primaryText` is meant for titles and `secondaryText` for description, which is why the format is kept that way. A text shouldn't be so long as to overflow. Otherwise the `overflow : hidden` style along with other styles preventing overflow can be given to primaryText style as well just like those in `secondaryText` and a PR can be made.\r\n"}}
{"actor":{"display_login":"nehalbhanushali"}}