{"action":"created","issue":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4883","repository_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4883/labels{/name}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4883/comments","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4883/events","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/4883","id":323466992,"node_id":"MDU6SXNzdWUzMjM0NjY5OTI=","number":4883,"title":"Link focus outline breaks on links that wrap across lines","user":{"login":"BrendanMcK","id":1754373,"node_id":"MDQ6VXNlcjE3NTQzNzM=","avatar_url":"https://avatars2.githubusercontent.com/u/1754373?v=4","gravatar_id":"","url":"https://api.github.com/users/BrendanMcK","html_url":"https://github.com/BrendanMcK","followers_url":"https://api.github.com/users/BrendanMcK/followers","following_url":"https://api.github.com/users/BrendanMcK/following{/other_user}","gists_url":"https://api.github.com/users/BrendanMcK/gists{/gist_id}","starred_url":"https://api.github.com/users/BrendanMcK/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BrendanMcK/subscriptions","organizations_url":"https://api.github.com/users/BrendanMcK/orgs","repos_url":"https://api.github.com/users/BrendanMcK/repos","events_url":"https://api.github.com/users/BrendanMcK/events{/privacy}","received_events_url":"https://api.github.com/users/BrendanMcK/received_events","type":"User","site_admin":false},"labels":[{"id":388450675,"node_id":"MDU6TGFiZWwzODg0NTA2NzU=","url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/labels/Type:%20Bug%20:bug:","name":"Type: Bug :bug:","color":"ee0701","default":false}],"state":"open","locked":false,"assignee":{"login":"micahgodbolt","id":1434956,"node_id":"MDQ6VXNlcjE0MzQ5NTY=","avatar_url":"https://avatars2.githubusercontent.com/u/1434956?v=4","gravatar_id":"","url":"https://api.github.com/users/micahgodbolt","html_url":"https://github.com/micahgodbolt","followers_url":"https://api.github.com/users/micahgodbolt/followers","following_url":"https://api.github.com/users/micahgodbolt/following{/other_user}","gists_url":"https://api.github.com/users/micahgodbolt/gists{/gist_id}","starred_url":"https://api.github.com/users/micahgodbolt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micahgodbolt/subscriptions","organizations_url":"https://api.github.com/users/micahgodbolt/orgs","repos_url":"https://api.github.com/users/micahgodbolt/repos","events_url":"https://api.github.com/users/micahgodbolt/events{/privacy}","received_events_url":"https://api.github.com/users/micahgodbolt/received_events","type":"User","site_admin":false},"assignees":[{"login":"micahgodbolt","id":1434956,"node_id":"MDQ6VXNlcjE0MzQ5NTY=","avatar_url":"https://avatars2.githubusercontent.com/u/1434956?v=4","gravatar_id":"","url":"https://api.github.com/users/micahgodbolt","html_url":"https://github.com/micahgodbolt","followers_url":"https://api.github.com/users/micahgodbolt/followers","following_url":"https://api.github.com/users/micahgodbolt/following{/other_user}","gists_url":"https://api.github.com/users/micahgodbolt/gists{/gist_id}","starred_url":"https://api.github.com/users/micahgodbolt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micahgodbolt/subscriptions","organizations_url":"https://api.github.com/users/micahgodbolt/orgs","repos_url":"https://api.github.com/users/micahgodbolt/repos","events_url":"https://api.github.com/users/micahgodbolt/events{/privacy}","received_events_url":"https://api.github.com/users/micahgodbolt/received_events","type":"User","site_admin":false}],"milestone":null,"comments":14,"created_at":"2018-05-16T04:43:07Z","updated_at":"2018-09-10T05:55:25Z","closed_at":null,"author_association":"NONE","body":"### Bug Report\r\n\r\n- __Package version(s)__: Latest \r\n- __Browser and OS versions__: Any\r\n\r\n#### Priorities and help requested (not applicable if asking question):\r\n\r\nAre you willing to submit a PR to fix? No; unclear what right fix is for Fabric\r\n\r\nRequested priority: Normal\r\n\r\n#### Describe the issue:\r\n\r\nFocus outlines for links breaks when the link wraps around a line. (Also, the outline box can obscure the initial character if it's something like an I or l.).\r\n\r\n#### Actual behavior:\r\n\r\n<!-- fill this out -->\r\n![image](https://user-images.githubusercontent.com/1754373/40096917-130464c8-5888-11e8-9586-20cd61c85609.png)\r\n\r\nThe problem is that the focus outline is provided via an absolutely-positioned ::after pseudo-element: but that approach only works for block content, not inline content that wraps lines. \r\n\r\n#### Expected behavior:\r\n\r\nWould expect similar to the browser default, where each of the disjoint spans of the link get their own outline:\r\n![image](https://user-images.githubusercontent.com/1754373/40097024-afce3928-5888-11e8-8457-024986275eff.png)\r\n\r\nCan repro this on the Link component page, though depending on the browser, may have to add padding text so that the link text ends on column boundary."},"comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments/419795762","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/4883#issuecomment-419795762","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4883","id":419795762,"node_id":"MDEyOklzc3VlQ29tbWVudDQxOTc5NTc2Mg==","user":{"login":"micahgodbolt","id":1434956,"node_id":"MDQ6VXNlcjE0MzQ5NTY=","avatar_url":"https://avatars2.githubusercontent.com/u/1434956?v=4","gravatar_id":"","url":"https://api.github.com/users/micahgodbolt","html_url":"https://github.com/micahgodbolt","followers_url":"https://api.github.com/users/micahgodbolt/followers","following_url":"https://api.github.com/users/micahgodbolt/following{/other_user}","gists_url":"https://api.github.com/users/micahgodbolt/gists{/gist_id}","starred_url":"https://api.github.com/users/micahgodbolt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micahgodbolt/subscriptions","organizations_url":"https://api.github.com/users/micahgodbolt/orgs","repos_url":"https://api.github.com/users/micahgodbolt/repos","events_url":"https://api.github.com/users/micahgodbolt/events{/privacy}","received_events_url":"https://api.github.com/users/micahgodbolt/received_events","type":"User","site_admin":false},"created_at":"2018-09-10T05:55:25Z","updated_at":"2018-09-10T05:55:25Z","author_association":"COLLABORATOR","body":"This would be a good issue to revive @KevinTCoughlin. There's still a little discussion left on the right way to do it, but it'd be nice to work with @BrendanMcK to align on a consistent solution to this problem."}}
{"actor":{"display_login":"micahgodbolt"}}