{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1004","repository_url":"https://api.github.com/repos/Automattic/wp-calypso","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1004/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1004/comments","events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1004/events","html_url":"https://github.com/Automattic/wp-calypso/issues/1004","id":119390009,"number":1004,"title":"Editor: long tags are cutoff and the X to delete is pushed offscreen","user":{"login":"designsimply","id":1119271,"avatar_url":"https://avatars.githubusercontent.com/u/1119271?v=3","gravatar_id":"","url":"https://api.github.com/users/designsimply","html_url":"https://github.com/designsimply","followers_url":"https://api.github.com/users/designsimply/followers","following_url":"https://api.github.com/users/designsimply/following{/other_user}","gists_url":"https://api.github.com/users/designsimply/gists{/gist_id}","starred_url":"https://api.github.com/users/designsimply/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/designsimply/subscriptions","organizations_url":"https://api.github.com/users/designsimply/orgs","repos_url":"https://api.github.com/users/designsimply/repos","events_url":"https://api.github.com/users/designsimply/events{/privacy}","received_events_url":"https://api.github.com/users/designsimply/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Editor","name":"Editor","color":"006b75"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Pri]%20Low","name":"[Pri] Low","color":"fef2c0"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Type]%20Bug","name":"[Type] Bug","color":"e11d21"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/Automattic/wp-calypso/milestones/14","html_url":"https://github.com/Automattic/wp-calypso/milestones/Editor:%20Next","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones/14/labels","id":1418769,"number":14,"title":"Editor: Next","description":"","creator":{"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},"open_issues":105,"closed_issues":49,"state":"open","created_at":"2015-11-18T21:12:02Z","updated_at":"2016-04-26T20:51:40Z","due_on":null,"closed_at":null},"comments":2,"created_at":"2015-11-29T21:35:38Z","updated_at":"2016-04-26T20:51:40Z","closed_at":"2016-04-26T20:51:40Z","body":"Raised by @kriskarkoski \r\n\r\nI entered a long tag that stretched beyond the space provided and noticed a few issues. First, the tag is cutoff without indication and the X to delete is pushed offscreen (it can still be removed by clicking in the tag area and using delete):\r\n\r\n<img width=\"257\" alt=\"screen shot 2015-08-27 at 10 01 35 pm\" src=\"https://cloud.githubusercontent.com/assets/1900444/9537529/71670c30-4d07-11e5-8cd7-35b8e02b1669.png\">\r\n\r\nCompare this to WP Admin:\r\n\r\n<img width=\"294\" alt=\"screen shot 2015-08-27 at 9 44 04 pm\" src=\"https://cloud.githubusercontent.com/assets/1900444/9537533/8c12bb4c-4d07-11e5-8b9f-28d6141f185f.png\">\r\n\r\nI'm not sure there's an easy way to make the whole tag visible without stretching it across multiple lines, but since core doesn't seem too concerned about that and a tag this long does seem like a bit of an edge case I think we could add an ellipsis (...) to the tag or blur at the cutoff point and leave enough space to still display the delete X on the right edge.\r\n\r\nAlso, with a long tag in the suggestions a horizontal scrollbar appears on the tag box:\r\n\r\n<img width=\"252\" alt=\"screen shot 2015-08-27 at 10 01 44 pm\" src=\"https://cloud.githubusercontent.com/assets/1900444/9537580/2c522ffc-4d08-11e5-95ad-55ce84c59462.png\">\r\n\r\nThis was reported by a user in 2426892-t"},"comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments/214882170","html_url":"https://github.com/Automattic/wp-calypso/issues/1004#issuecomment-214882170","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1004","id":214882170,"user":{"login":"lancewillett","id":66797,"avatar_url":"https://avatars.githubusercontent.com/u/66797?v=3","gravatar_id":"","url":"https://api.github.com/users/lancewillett","html_url":"https://github.com/lancewillett","followers_url":"https://api.github.com/users/lancewillett/followers","following_url":"https://api.github.com/users/lancewillett/following{/other_user}","gists_url":"https://api.github.com/users/lancewillett/gists{/gist_id}","starred_url":"https://api.github.com/users/lancewillett/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lancewillett/subscriptions","organizations_url":"https://api.github.com/users/lancewillett/orgs","repos_url":"https://api.github.com/users/lancewillett/repos","events_url":"https://api.github.com/users/lancewillett/events{/privacy}","received_events_url":"https://api.github.com/users/lancewillett/received_events","type":"User","site_admin":false},"created_at":"2016-04-26T20:51:40Z","updated_at":"2016-04-26T20:51:40Z","body":"Should be fixed with #1669\r\n\r\n<img width=\"391\" alt=\"screen shot 2016-04-26 at 1 51 12 pm\" src=\"https://cloud.githubusercontent.com/assets/66797/14833837/ffa56592-0bb5-11e6-9103-6760ddfefac0.png\">\r\n"}}