{"action":"opened","issue":{"url":"https://api.github.com/repos/adobe/brackets/issues/13274","repository_url":"https://api.github.com/repos/adobe/brackets","labels_url":"https://api.github.com/repos/adobe/brackets/issues/13274/labels{/name}","comments_url":"https://api.github.com/repos/adobe/brackets/issues/13274/comments","events_url":"https://api.github.com/repos/adobe/brackets/issues/13274/events","html_url":"https://github.com/adobe/brackets/issues/13274","id":219861767,"number":13274,"title":"[Live preview] Improve the appearance of transformed elements when showing margins/paddings","user":{"login":"Worie","id":6313514,"avatar_url":"https://avatars2.githubusercontent.com/u/6313514?v=3","gravatar_id":"","url":"https://api.github.com/users/Worie","html_url":"https://github.com/Worie","followers_url":"https://api.github.com/users/Worie/followers","following_url":"https://api.github.com/users/Worie/following{/other_user}","gists_url":"https://api.github.com/users/Worie/gists{/gist_id}","starred_url":"https://api.github.com/users/Worie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Worie/subscriptions","organizations_url":"https://api.github.com/users/Worie/orgs","repos_url":"https://api.github.com/users/Worie/repos","events_url":"https://api.github.com/users/Worie/events{/privacy}","received_events_url":"https://api.github.com/users/Worie/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-04-06T11:03:27Z","updated_at":"2017-04-06T11:03:27Z","closed_at":null,"body":"### Steps to Reproduce\r\n\r\n1. Enable highlighting elements in Live Preview\r\n2. Reenable transform to custom-highlightning divs in `RemoteFunctions.js` (it is not applied atm)\r\n2. Transform it via CSS, ex. `rotate:90deg`.\r\n3. As you can see, the margin/paddings showed differ from those in Chrome DevTools\r\n\r\n**Expected behavior:** Elements are highlighted the same way as DevTools does\r\n\r\n**Actual behavior:** Their size differs due to `window.getClientBoundingRect` (it includes transform and causes the bugs in calculations) \r\n\r\nSee https://github.com/adobe/brackets/pull/12949#issuecomment-268806531 for more details. \r\n"}}
{"actor":{"display_login":"Worie"}}