{"action":"created","issue":{"url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip/issues/1","repository_url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip","labels_url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip/issues/1/comments","events_url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip/issues/1/events","html_url":"https://github.com/louisameline/tooltipster-scrollableTip/issues/1","id":178500290,"number":1,"title":"Need to apply overflow-y: scroll to .tooltipster-box?","user":{"login":"christophermiles","id":1767439,"avatar_url":"https://avatars.githubusercontent.com/u/1767439?v=3","gravatar_id":"","url":"https://api.github.com/users/christophermiles","html_url":"https://github.com/christophermiles","followers_url":"https://api.github.com/users/christophermiles/followers","following_url":"https://api.github.com/users/christophermiles/following{/other_user}","gists_url":"https://api.github.com/users/christophermiles/gists{/gist_id}","starred_url":"https://api.github.com/users/christophermiles/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/christophermiles/subscriptions","organizations_url":"https://api.github.com/users/christophermiles/orgs","repos_url":"https://api.github.com/users/christophermiles/repos","events_url":"https://api.github.com/users/christophermiles/events{/privacy}","received_events_url":"https://api.github.com/users/christophermiles/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":9,"created_at":"2016-09-22T01:29:27Z","updated_at":"2016-11-11T13:55:34Z","closed_at":null,"body":"Thanks for the great work on Tooltipstered.\n\nI am using this plugin along with sideTip, and the tooltip itself resizes correctly as expected if there is limited viewport space that would lead to overflow. However, my tooltip content overflows the tooltip and viewport and no scrollbar is presented. (It might be worth noting that I am using `functionBefore` to populate the tooltip with HTML fetched via AJAX.)\n\nThere doesn't seem to be any CSS in the plugin that looks after overflow, nor anything in the core Tooltipster CSS or sideTip CSS.\n\nBut by applying an `overflow-y: scroll` to `.tooltipster-box` I am able to make the scrollbar appear as expected.\n"},"comment":{"url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip/issues/comments/259961853","html_url":"https://github.com/louisameline/tooltipster-scrollableTip/issues/1#issuecomment-259961853","issue_url":"https://api.github.com/repos/louisameline/tooltipster-scrollableTip/issues/1","id":259961853,"user":{"login":"louisameline","id":371814,"avatar_url":"https://avatars.githubusercontent.com/u/371814?v=3","gravatar_id":"","url":"https://api.github.com/users/louisameline","html_url":"https://github.com/louisameline","followers_url":"https://api.github.com/users/louisameline/followers","following_url":"https://api.github.com/users/louisameline/following{/other_user}","gists_url":"https://api.github.com/users/louisameline/gists{/gist_id}","starred_url":"https://api.github.com/users/louisameline/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/louisameline/subscriptions","organizations_url":"https://api.github.com/users/louisameline/orgs","repos_url":"https://api.github.com/users/louisameline/repos","events_url":"https://api.github.com/users/louisameline/events{/privacy}","received_events_url":"https://api.github.com/users/louisameline/received_events","type":"User","site_admin":false},"created_at":"2016-11-11T13:55:34Z","updated_at":"2016-11-11T13:55:34Z","body":"Thank you for your message and drawing my attention to iOS. I only have an old iPhone so I'm not in a great position to test that platform.\r\n\r\nThe issue seems to come from the buggy behavior of the browser when it comes to elements that use `display: flex;` and have overflowing content. Internet Explorer 9 and below don't behave perfectly either.\r\n\r\nThis is going to be a headache to fix, because `display:flex` is used by Tooltipster and works really great in most browsers in all kind of situations - but it's now obvious that some of them fall short when you try to make the content scrollable as we do here. `display:flex` is still a fairly new feature in browsers after all. While we could override Tooltipster's CSS to stop using flex and start relying on explicit sizes everywhere again, this would be a pain to do and will most likely have side effects in other situations.\r\n\r\nIf you find some dirty trick that easily fixes the issue, I'm listening :)\r\n\r\nBut to be honest, knowing the limits of mobile phones and their lack of space, if it were me, I'd stop using tooltips on these devices if the contents overflows and I'd switch to a lightbox instead. If there is enough interest, I could develop a new plugin that would make Tooltipster hand over its content to a lightbox library in such cases. But it wouldn't be very soon, I've been busy lately. Or someone else can try to build that plugin."}}
{"actor":{"display_login":"louisameline"}}