payload: {"action":"created","issue":{"url":"https://api.github.com/repos/storybooks/storybook/issues/5959","repository_url":"https://api.github.com/repos/storybooks/storybook","labels_url":"https://api.github.com/repos/storybooks/storybook/issues/5959/labels{/name}","comments_url":"https://api.github.com/repos/storybooks/storybook/issues/5959/comments","events_url":"https://api.github.com/repos/storybooks/storybook/issues/5959/events","html_url":"https://github.com/storybooks/storybook/issues/5959","id":418552910,"node_id":"MDU6SXNzdWU0MTg1NTI5MTA=","number":5959,"title":"Colorblindness Emulation broken in Firefox","user":{"login":"metasean","id":7552754,"node_id":"MDQ6VXNlcjc1NTI3NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/7552754?v=4","gravatar_id":"","url":"https://api.github.com/users/metasean","html_url":"https://github.com/metasean","followers_url":"https://api.github.com/users/metasean/followers","following_url":"https://api.github.com/users/metasean/following{/other_user}","gists_url":"https://api.github.com/users/metasean/gists{/gist_id}","starred_url":"https://api.github.com/users/metasean/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/metasean/subscriptions","organizations_url":"https://api.github.com/users/metasean/orgs","repos_url":"https://api.github.com/users/metasean/repos","events_url":"https://api.github.com/users/metasean/events{/privacy}","received_events_url":"https://api.github.com/users/metasean/received_events","type":"User","site_admin":false},"labels":[{"id":747583958,"node_id":"MDU6TGFiZWw3NDc1ODM5NTg=","url":"https://api.github.com/repos/storybooks/storybook/labels/addon:%20a11y","name":"addon: a11y","color":"fbca04","default":false},{"id":571245712,"node_id":"MDU6TGFiZWw1NzEyNDU3MTI=","url":"https://api.github.com/repos/storybooks/storybook/labels/compatibility%20with%20other%20tools","name":"compatibility with other tools","color":"F1951D","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/storybooks/storybook/milestones/14","html_url":"https://github.com/storybooks/storybook/milestone/14","labels_url":"https://api.github.com/repos/storybooks/storybook/milestones/14/labels","id":4111869,"node_id":"MDk6TWlsZXN0b25lNDExMTg2OQ==","number":14,"title":"5.0.x","description":"","creator":{"login":"shilman","id":488689,"node_id":"MDQ6VXNlcjQ4ODY4OQ==","avatar_url":"https://avatars2.githubusercontent.com/u/488689?v=4","gravatar_id":"","url":"https://api.github.com/users/shilman","html_url":"https://github.com/shilman","followers_url":"https://api.github.com/users/shilman/followers","following_url":"https://api.github.com/users/shilman/following{/other_user}","gists_url":"https://api.github.com/users/shilman/gists{/gist_id}","starred_url":"https://api.github.com/users/shilman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shilman/subscriptions","organizations_url":"https://api.github.com/users/shilman/orgs","repos_url":"https://api.github.com/users/shilman/repos","events_url":"https://api.github.com/users/shilman/events{/privacy}","received_events_url":"https://api.github.com/users/shilman/received_events","type":"User","site_admin":false},"open_issues":45,"closed_issues":29,"state":"open","created_at":"2019-03-05T12:38:50Z","updated_at":"2019-03-08T15:20:05Z","due_on":null,"closed_at":null},"comments":2,"created_at":"2019-03-07T22:55:27Z","updated_at":"2019-03-08T21:55:54Z","closed_at":null,"author_association":"NONE","body":"**Describe the bug**\r\nWhen clicking the \"Color Blindness Emulation\" button, only the \"Mono\" emulator works.  Selecting anything other than \"Mono\" or attempting to deselect \"Mono\" results in a blank canvas.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\nSpin up a new Storybook 5 project, or hit one of the live examples:\r\n- [Official [React]](https://storybooks-official.netlify.com/?path=/story/addons-a11y-button--content)\r\n- [Vue](https://storybooks-official.netlify.com/?path=/story/addons-actions--basic-example)\r\n\r\n**Expected behavior**\r\nI expect to see the component rendered with different colorblindness filters, or –if deselecting– to see the component rendered normally.\r\n\r\n**Screenshots**\r\n- Pre-emulation\r\n![pre-emulation](https://user-images.githubusercontent.com/7552754/53995595-bbe32680-40f2-11e9-8a46-1f432584cdd8.png)\r\n\r\n- 'Mono' emulation\r\n![mono-emulation](https://user-images.githubusercontent.com/7552754/53995615-d0bfba00-40f2-11e9-9e9b-2ce9712fbfad.png)\r\n\r\n- 'Reset Color Filter' or any filter _other than_ 'Mono'\r\n![reset-filter___or_anything_other_than_mono](https://user-images.githubusercontent.com/7552754/53995641-e6cd7a80-40f2-11e9-9684-4fa1f2719b2c.png)\r\n\r\n\r\n**System:**\r\n - OS: macOS Mojave Version 10.14.1\r\n - Device: Macbook Pro 2018\r\n - Browser: Firefox Quantum 65.0.1 (64-bit)\r\n - Framework: framework-agnostic\r\n - Addons: N/A\r\n - Version: 5.0.*\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/storybooks/storybook/issues/comments/471089483","html_url":"https://github.com/storybooks/storybook/issues/5959#issuecomment-471089483","issue_url":"https://api.github.com/repos/storybooks/storybook/issues/5959","id":471089483,"node_id":"MDEyOklzc3VlQ29tbWVudDQ3MTA4OTQ4Mw==","user":{"login":"metasean","id":7552754,"node_id":"MDQ6VXNlcjc1NTI3NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/7552754?v=4","gravatar_id":"","url":"https://api.github.com/users/metasean","html_url":"https://github.com/metasean","followers_url":"https://api.github.com/users/metasean/followers","following_url":"https://api.github.com/users/metasean/following{/other_user}","gists_url":"https://api.github.com/users/metasean/gists{/gist_id}","starred_url":"https://api.github.com/users/metasean/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/metasean/subscriptions","organizations_url":"https://api.github.com/users/metasean/orgs","repos_url":"https://api.github.com/users/metasean/repos","events_url":"https://api.github.com/users/metasean/events{/privacy}","received_events_url":"https://api.github.com/users/metasean/received_events","type":"User","site_admin":false},"created_at":"2019-03-08T21:55:54Z","updated_at":"2019-03-08T21:55:54Z","author_association":"NONE","body":"(I couldn't focus on the work I'm supposed to doing, and ended up revisiting this 🙃)\r\n\r\nYep, at least part of the problem has something to do with the difference between the `filter: grayscale(100%);` and the `filter: url(\"#emulator-type\")`;\r\n\r\nIf I hover over the hash value in the url filters then Firefox tells me it \"Could not load the image\".\r\n\r\nChrome's devtools indicate the filter is at \"https://storybooks-official.netlify.com/?path=/story/addons-a11y-button--content#achromatomaly\", but even dropping that into the url for Firefox results in a \"Could not load the image\" message.\r\n\r\nFirefox appears to have no problem with [just a hash url](https://developer.mozilla.org/en-US/docs/Web/CSS/filter#Examples) for the filter and reports as being fully [SVG Filter compatible](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter#Browser_compatibility).\r\n\r\nSo, at this point, it looks like it's related to the [SVG IRI](https://developer.mozilla.org/en-US/docs/Web/SVG/Content_type#IRI) and that is, in turn, causing the filters on the palettes next to each drop-down option to fail, as well as the the filter on the iFrame that's actually doing the emulation to fail. (e.g.\r\n```\r\n<iframe id=\"storybook-preview-iframe\"\r\n        title=\"main\"\r\n        src=\"iframe.html?id=addons-a11y-button--content\"\r\n        allowfullscreen=\"\"\r\n        style=\"filter: url('#achromatomaly');\"\r\n></iframe>\r\n```)"}}
other: {"actor":{"display_login":"metasean"}}