{"action":"closed","issue":{"url":"https://api.github.com/repos/oppia/oppia/issues/1331","labels_url":"https://api.github.com/repos/oppia/oppia/issues/1331/labels{/name}","comments_url":"https://api.github.com/repos/oppia/oppia/issues/1331/comments","events_url":"https://api.github.com/repos/oppia/oppia/issues/1331/events","html_url":"https://github.com/oppia/oppia/issues/1331","id":125277737,"number":1331,"title":"Image region interaction highlights and clicks are misaligned in learner view redesign","user":{"login":"BenHenning","id":12983742,"avatar_url":"https://avatars.githubusercontent.com/u/12983742?v=3","gravatar_id":"","url":"https://api.github.com/users/BenHenning","html_url":"https://github.com/BenHenning","followers_url":"https://api.github.com/users/BenHenning/followers","following_url":"https://api.github.com/users/BenHenning/following{/other_user}","gists_url":"https://api.github.com/users/BenHenning/gists{/gist_id}","starred_url":"https://api.github.com/users/BenHenning/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BenHenning/subscriptions","organizations_url":"https://api.github.com/users/BenHenning/orgs","repos_url":"https://api.github.com/users/BenHenning/repos","events_url":"https://api.github.com/users/BenHenning/events{/privacy}","received_events_url":"https://api.github.com/users/BenHenning/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/oppia/oppia/labels/bug:%20major","name":"bug: major","color":"fbca04"},{"url":"https://api.github.com/repos/oppia/oppia/labels/ref:%20extensions/interactions","name":"ref: extensions/interactions","color":"eeeeee"},{"url":"https://api.github.com/repos/oppia/oppia/labels/ref:%20frontend/player","name":"ref: frontend/player","color":"eeeeee"},{"url":"https://api.github.com/repos/oppia/oppia/labels/starter%20project","name":"starter project","color":"bfe5bf"},{"url":"https://api.github.com/repos/oppia/oppia/labels/TODO:%20code","name":"TODO: code","color":"c7def8"},{"url":"https://api.github.com/repos/oppia/oppia/labels/TODO:%20investigation","name":"TODO: investigation","color":"c7def8"}],"state":"closed","locked":false,"assignee":{"login":"maitbayev","id":5602283,"avatar_url":"https://avatars.githubusercontent.com/u/5602283?v=3","gravatar_id":"","url":"https://api.github.com/users/maitbayev","html_url":"https://github.com/maitbayev","followers_url":"https://api.github.com/users/maitbayev/followers","following_url":"https://api.github.com/users/maitbayev/following{/other_user}","gists_url":"https://api.github.com/users/maitbayev/gists{/gist_id}","starred_url":"https://api.github.com/users/maitbayev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maitbayev/subscriptions","organizations_url":"https://api.github.com/users/maitbayev/orgs","repos_url":"https://api.github.com/users/maitbayev/repos","events_url":"https://api.github.com/users/maitbayev/events{/privacy}","received_events_url":"https://api.github.com/users/maitbayev/received_events","type":"User","site_admin":false},"milestone":null,"comments":1,"created_at":"2016-01-06T22:27:34Z","updated_at":"2016-01-08T20:50:30Z","closed_at":"2016-01-08T20:50:30Z","body":"To reproduce, create a new exploration with an image region interaction. Check the box to highlight regions when the user hovers over them. Add some regions. Preview or play the exploration and note how when regions are hovered their highlights appear shifted left by ~200px. This doesn't match the actual regions and is a slightly poor experience.\r\n\r\nFurthermore, these highlights actually reflect the clickable regions on the image, which doesn't match the defined regions."}}