{"action":"closed","issue":{"url":"https://api.github.com/repos/mui-org/material-ui/issues/10285","repository_url":"https://api.github.com/repos/mui-org/material-ui","labels_url":"https://api.github.com/repos/mui-org/material-ui/issues/10285/labels{/name}","comments_url":"https://api.github.com/repos/mui-org/material-ui/issues/10285/comments","events_url":"https://api.github.com/repos/mui-org/material-ui/issues/10285/events","html_url":"https://github.com/mui-org/material-ui/issues/10285","id":296889053,"number":10285,"title":"[ListItemSecondaryAction] visibility on hover","user":{"login":"rosskevin","id":136564,"avatar_url":"https://avatars1.githubusercontent.com/u/136564?v=4","gravatar_id":"","url":"https://api.github.com/users/rosskevin","html_url":"https://github.com/rosskevin","followers_url":"https://api.github.com/users/rosskevin/followers","following_url":"https://api.github.com/users/rosskevin/following{/other_user}","gists_url":"https://api.github.com/users/rosskevin/gists{/gist_id}","starred_url":"https://api.github.com/users/rosskevin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rosskevin/subscriptions","organizations_url":"https://api.github.com/users/rosskevin/orgs","repos_url":"https://api.github.com/users/rosskevin/repos","events_url":"https://api.github.com/users/rosskevin/events{/privacy}","received_events_url":"https://api.github.com/users/rosskevin/received_events","type":"User","site_admin":false},"labels":[{"id":460200018,"url":"https://api.github.com/repos/mui-org/material-ui/labels/component:%20List","name":"component: List","color":"ffffff","default":false},{"id":337647829,"url":"https://api.github.com/repos/mui-org/material-ui/labels/question","name":"question","color":"bfe5bf","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2018-02-13T21:19:53Z","updated_at":"2018-02-13T22:21:00Z","closed_at":"2018-02-13T22:21:00Z","author_association":"COLLABORATOR","body":"<!-- Checked checkbox should look like this: [x] -->\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\n`ListItemSecondaryAction` should be able to be `hidden` by default, then `visible` on hover.  This is a really common use case, so if possible, we should consider a clean way to make this (optional) behavior available behind a boolean property.\r\n\r\n## Current Behavior\r\nWhen implemented with css sibling selectors and hovering over the secondary action, the icon blinks continuously.  When hovered anywhere else on the `ListItem`, the blinking stops and works as expected.\r\n\r\n![blink2](https://user-images.githubusercontent.com/136564/36174641-8225ebae-10d2-11e8-9fdd-498cafb583fd.gif)\r\n\r\n\r\n## Steps to Reproduce (for bugs)\r\nUsing css sibling selector (shown above): https://codesandbox.io/s/xo0mmyv2oo\r\n\r\n## Context\r\nSecondary actions visible for larger lists (e.g. Google contacts list) can be overwhelming.  Hiding icons until hovered is a common way to declutter user interfaces.\r\n\r\n## Your Environment\r\n| Tech         | Version |\r\n|--------------|---------|\r\n| Material-UI  |    1.0.0-beta.33     |\r\n| React        |   16.2.0      |\r\n| browser      |   Chrome      |\r\n\r\nAny guidance @oliviertassinari @kof as to what the root cause of blinking?"}}
{"actor":{"display_login":"oliviertassinari"}}