{"action":"opened","issue":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/8782","repository_url":"https://api.github.com/repos/Automattic/wp-calypso","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/8782/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/8782/comments","events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/8782/events","html_url":"https://github.com/Automattic/wp-calypso/issues/8782","id":183419580,"number":8782,"title":"DevDocs: Several components missing titles in IE11","user":{"login":"hoverduck","id":7233112,"avatar_url":"https://avatars.githubusercontent.com/u/7233112?v=3","gravatar_id":"","url":"https://api.github.com/users/hoverduck","html_url":"https://github.com/hoverduck","followers_url":"https://api.github.com/users/hoverduck/followers","following_url":"https://api.github.com/users/hoverduck/following{/other_user}","gists_url":"https://api.github.com/users/hoverduck/gists{/gist_id}","starred_url":"https://api.github.com/users/hoverduck/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hoverduck/subscriptions","organizations_url":"https://api.github.com/users/hoverduck/orgs","repos_url":"https://api.github.com/users/hoverduck/repos","events_url":"https://api.github.com/users/hoverduck/events{/privacy}","received_events_url":"https://api.github.com/users/hoverduck/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/DevDocs","name":"DevDocs","color":"006b75"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Type]%20Bug","name":"[Type] Bug","color":"e11d21"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-17T13:42:34Z","updated_at":"2016-10-17T13:42:34Z","closed_at":null,"body":"#### Steps to reproduce\r\n1. Using IE11: https://wpcalypso.wordpress.com/devdocs/design\r\n2. Scroll down to look for Tooltip, Popover, and Refresh Cards (on /devdocs/blocks)\r\n\r\n#### What I expected\r\nTo see the components listed like the others\r\n\r\n#### What happened instead\r\nThe components themselves appear fine, but they're missing their titles.  This was originally mentioned [here](https://github.com/Automattic/wp-calypso/issues/8329#issuecomment-250838691), but since it's now happening on the RefreshCards component too I wanted to make a standalone issue to track it.\r\n\r\nThe generated header element looks like this:\r\n```html\r\n<h2 class=\"docs-example__wrapper-header\">\r\n    <a class=\"docs-example__wrapper-header-title\" href=\"./design/undefined\"></a>\r\n</h2>\r\n```\r\n\r\nThat anchor element above is what the visual diff tests key off of to load each element individually, so all of these problem components are loading as \"Undefined\" with an empty page\r\n\r\ncc: @retrofox @bluefuton \r\n\r\n#### Browser / OS version\r\nWindows 7 IE11\r\n\r\n#### Screenshot / Video\r\n<img width=\"577\" alt=\"screen shot 2016-09-30 at 3 45 22 pm\" src=\"https://cloud.githubusercontent.com/assets/7233112/19005179/2698929a-8727-11e6-9569-78c4ecd81a36.png\">\r\n<img width=\"301\" alt=\"screen shot 2016-09-30 at 3 44 59 pm\" src=\"https://cloud.githubusercontent.com/assets/7233112/19005178/269422c8-8727-11e6-93ce-4570c523c18a.png\">\r\n<img width=\"673\" alt=\"screen shot 2016-10-17 at 9 24 45 am\" src=\"https://cloud.githubusercontent.com/assets/7233112/19439865/b5803a70-944d-11e6-9b5f-f61f5c97172c.png\">\r\n\r\n#### Context / Source\r\n#automated-testing #visdiff"}}
{"actor":{"display_login":"hoverduck"}}