{"action":"opened","issue":{"url":"https://api.github.com/repos/mui-org/material-ui/issues/12441","repository_url":"https://api.github.com/repos/mui-org/material-ui","labels_url":"https://api.github.com/repos/mui-org/material-ui/issues/12441/labels{/name}","comments_url":"https://api.github.com/repos/mui-org/material-ui/issues/12441/comments","events_url":"https://api.github.com/repos/mui-org/material-ui/issues/12441/events","html_url":"https://github.com/mui-org/material-ui/issues/12441","id":348572554,"node_id":"MDU6SXNzdWUzNDg1NzI1NTQ=","number":12441,"title":"AddAPhoto Icon clip-path causes icon to not display under specific circumstances","user":{"login":"kevinnorris","id":16364907,"node_id":"MDQ6VXNlcjE2MzY0OTA3","avatar_url":"https://avatars0.githubusercontent.com/u/16364907?v=4","gravatar_id":"","url":"https://api.github.com/users/kevinnorris","html_url":"https://github.com/kevinnorris","followers_url":"https://api.github.com/users/kevinnorris/followers","following_url":"https://api.github.com/users/kevinnorris/following{/other_user}","gists_url":"https://api.github.com/users/kevinnorris/gists{/gist_id}","starred_url":"https://api.github.com/users/kevinnorris/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevinnorris/subscriptions","organizations_url":"https://api.github.com/users/kevinnorris/orgs","repos_url":"https://api.github.com/users/kevinnorris/repos","events_url":"https://api.github.com/users/kevinnorris/events{/privacy}","received_events_url":"https://api.github.com/users/kevinnorris/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-08T04:39:36Z","updated_at":"2018-08-08T04:39:36Z","closed_at":null,"author_association":"NONE","body":"<!--- Provide a general summary of the issue in the Title above -->\r\nIf you render the AddAPhoto icon in a parent that toggles visibility between hidden and visible, then render multiple of these components on the screen all icons are hidden if the first one is hidden. No matter how you toggle the remaining component.\r\n\r\nIf the clip-path is removed from the icon then it renders properly. \r\n\r\n<!-- 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\nThe icons should hide and show irrespective of other components on the page.\r\n\r\n\r\n## Current Behavior\r\nThe first icon toggles correctly and all other instances of the icon only toggle properly if the first one is visible.\r\n\r\n## Steps to Reproduce\r\nLink: https://codesandbox.io/s/o5y25ll0jq\r\n\r\n1. The second icon in the \"with clip-path\" column should display, it does not.\r\n2. Click show in the \"with clip-path\" column and the second icon will now be toggleable\r\n3. Hide the first icon again and the second icon once again is hidden no matter the toggle\r\n\r\n## Context\r\nWe have a page with multiple components that transition between visibility and these components have icons in them. The AddAPhoto icon no longer displays properly due to the clip-path.\r\n\r\n## Your Environment\r\n\r\n| Tech         | Version |\r\n|--------------|---------|\r\n| OS | Mac High Sierra |\r\n| Material-UI/icons  | v2.0.1  |\r\n| Chrome      |    68.0.3440.84     |\r\n| Firefox        |     61.0.1    |\r\n"}}
{"actor":{"display_login":"kevinnorris"}}