{"action":"created","issue":{"url":"https://api.github.com/repos/carbon-design-system/carbon-components-react/issues/763","repository_url":"https://api.github.com/repos/carbon-design-system/carbon-components-react","labels_url":"https://api.github.com/repos/carbon-design-system/carbon-components-react/issues/763/labels{/name}","comments_url":"https://api.github.com/repos/carbon-design-system/carbon-components-react/issues/763/comments","events_url":"https://api.github.com/repos/carbon-design-system/carbon-components-react/issues/763/events","html_url":"https://github.com/carbon-design-system/carbon-components-react/issues/763","id":309819361,"number":763,"title":"Tooltip: position is not dynamic enough","user":{"login":"nelsonchen90","id":10108576,"avatar_url":"https://avatars3.githubusercontent.com/u/10108576?v=4","gravatar_id":"","url":"https://api.github.com/users/nelsonchen90","html_url":"https://github.com/nelsonchen90","followers_url":"https://api.github.com/users/nelsonchen90/followers","following_url":"https://api.github.com/users/nelsonchen90/following{/other_user}","gists_url":"https://api.github.com/users/nelsonchen90/gists{/gist_id}","starred_url":"https://api.github.com/users/nelsonchen90/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nelsonchen90/subscriptions","organizations_url":"https://api.github.com/users/nelsonchen90/orgs","repos_url":"https://api.github.com/users/nelsonchen90/repos","events_url":"https://api.github.com/users/nelsonchen90/events{/privacy}","received_events_url":"https://api.github.com/users/nelsonchen90/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2018-03-29T16:21:34Z","updated_at":"2018-04-03T07:39:30Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"## Tooltip: position is not dynamic enough and it will display beyond the edge of screen\r\n\r\n## Detailed description\r\n\r\n> Describe in detail the issue you're having.\r\n\r\nwe use the default position on the tooltip component, which make the tooltip coming below the trigger element. problem comes when the trigger element is at the bottom of the screen and the tooltip will render partially outside of the edge. \r\n1. we don't want to provide scroll bar for the `body` element. \r\n2. the trigger element is dynamic meaning its position will change during its lifecycle (vertical scroll etc)\r\n\r\n> Is this a feature request (new component, new icon), a bug, or a general issue?\r\n\r\nBug\r\n\r\n> Is this issue related to a specific component?\r\n\r\nYes, tooltip\r\n\r\n> What did you expect to happen? What happened instead? What would you like to see changed?\r\n\r\nI expect the tooltip is somehow smarter to calculate its available space and switch to display to the opposite side of the trigger element. \r\n\r\n> What browser are you working in?\r\n\r\nIE 11 and above, Firefox, Chrome\r\n\r\n> What version of the Carbon Design System are you using?\r\n\r\n\"carbon-components\": \"^7.0.0\"\r\n\"carbon-components-react\": \"^5.19.0\",\r\n\r\n> What offering/product do you work on? Any pressing ship or release dates we should be aware of?\r\n\r\nInformation governance catalog/Unified governence\r\n\r\n## Steps to reproduce the issue\r\n\r\nSandbox: https://codesandbox.io/s/1znmwy5kx7\r\n\r\nIBM github issue: https://github.ibm.com/InformationServer/igc-ui-react/issues/2220\r\n\r\n## Additional information\r\n\r\ncan provide more information if the issue link above doesn't have enough"},"comment":{"url":"https://api.github.com/repos/carbon-design-system/carbon-components-react/issues/comments/378157553","html_url":"https://github.com/carbon-design-system/carbon-components-react/issues/763#issuecomment-378157553","issue_url":"https://api.github.com/repos/carbon-design-system/carbon-components-react/issues/763","id":378157553,"user":{"login":"asudoh","id":1259051,"avatar_url":"https://avatars1.githubusercontent.com/u/1259051?v=4","gravatar_id":"","url":"https://api.github.com/users/asudoh","html_url":"https://github.com/asudoh","followers_url":"https://api.github.com/users/asudoh/followers","following_url":"https://api.github.com/users/asudoh/following{/other_user}","gists_url":"https://api.github.com/users/asudoh/gists{/gist_id}","starred_url":"https://api.github.com/users/asudoh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/asudoh/subscriptions","organizations_url":"https://api.github.com/users/asudoh/orgs","repos_url":"https://api.github.com/users/asudoh/repos","events_url":"https://api.github.com/users/asudoh/events{/privacy}","received_events_url":"https://api.github.com/users/asudoh/received_events","type":"User","site_admin":false},"created_at":"2018-04-03T07:39:30Z","updated_at":"2018-04-03T07:39:30Z","author_association":"OWNER","body":"@srigoaki Thank you for trying to do additional report - For us to better understand what issue you hit, is it possible for you to create a reduced test case, e.g. based on https://codesandbox.io/s/x2mjypo6pp ? Thanks!"}}
{"actor":{"display_login":"asudoh"}}