{"action":"created","issue":{"url":"https://api.github.com/repos/katspaugh/wavesurfer.js/issues/634","repository_url":"https://api.github.com/repos/katspaugh/wavesurfer.js","labels_url":"https://api.github.com/repos/katspaugh/wavesurfer.js/issues/634/labels{/name}","comments_url":"https://api.github.com/repos/katspaugh/wavesurfer.js/issues/634/comments","events_url":"https://api.github.com/repos/katspaugh/wavesurfer.js/issues/634/events","html_url":"https://github.com/katspaugh/wavesurfer.js/issues/634","id":132438121,"number":634,"title":"Vertical Track","user":{"login":"elBarkey","id":6080684,"avatar_url":"https://avatars.githubusercontent.com/u/6080684?v=3","gravatar_id":"","url":"https://api.github.com/users/elBarkey","html_url":"https://github.com/elBarkey","followers_url":"https://api.github.com/users/elBarkey/followers","following_url":"https://api.github.com/users/elBarkey/following{/other_user}","gists_url":"https://api.github.com/users/elBarkey/gists{/gist_id}","starred_url":"https://api.github.com/users/elBarkey/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/elBarkey/subscriptions","organizations_url":"https://api.github.com/users/elBarkey/orgs","repos_url":"https://api.github.com/users/elBarkey/repos","events_url":"https://api.github.com/users/elBarkey/events{/privacy}","received_events_url":"https://api.github.com/users/elBarkey/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-02-09T14:46:21Z","updated_at":"2016-02-09T15:07:03Z","closed_at":null,"body":"Hi, is it possible to display the waveform in vertical layout ?\r\ni've tried using css transofrm 90deg to parrent element, and it works.\r\nbut that just rotating the parrent element to 90 degrees, that's all. offcourse mouse event, seeking etc on actual waveform  doesn't work by just doing \"css hacks\".\r\nis there any workaround on this? "},"comment":{"url":"https://api.github.com/repos/katspaugh/wavesurfer.js/issues/comments/181907221","html_url":"https://github.com/katspaugh/wavesurfer.js/issues/634#issuecomment-181907221","issue_url":"https://api.github.com/repos/katspaugh/wavesurfer.js/issues/634","id":181907221,"user":{"login":"katspaugh","id":381895,"avatar_url":"https://avatars.githubusercontent.com/u/381895?v=3","gravatar_id":"","url":"https://api.github.com/users/katspaugh","html_url":"https://github.com/katspaugh","followers_url":"https://api.github.com/users/katspaugh/followers","following_url":"https://api.github.com/users/katspaugh/following{/other_user}","gists_url":"https://api.github.com/users/katspaugh/gists{/gist_id}","starred_url":"https://api.github.com/users/katspaugh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/katspaugh/subscriptions","organizations_url":"https://api.github.com/users/katspaugh/orgs","repos_url":"https://api.github.com/users/katspaugh/repos","events_url":"https://api.github.com/users/katspaugh/events{/privacy}","received_events_url":"https://api.github.com/users/katspaugh/received_events","type":"User","site_admin":false},"created_at":"2016-02-09T15:07:03Z","updated_at":"2016-02-09T15:07:03Z","body":"Hi! Interesting question!\r\n\r\nI think this function needs to be modified: https://github.com/katspaugh/wavesurfer.js/blob/master/src/drawer.js#L41-L45\r\n\r\nIt assumes the horizontal axis. Try changing it to take `clientY` instead of `clientX`, `bbox.top` instead of `bbox.left` etc.\r\n\r\nAlso make sure you set the right rotation origin in CSS."}}