{"action":"created","issue":{"url":"https://api.github.com/repos/liferay/alloy-editor/issues/549","repository_url":"https://api.github.com/repos/liferay/alloy-editor","labels_url":"https://api.github.com/repos/liferay/alloy-editor/issues/549/labels{/name}","comments_url":"https://api.github.com/repos/liferay/alloy-editor/issues/549/comments","events_url":"https://api.github.com/repos/liferay/alloy-editor/issues/549/events","html_url":"https://github.com/liferay/alloy-editor/issues/549","id":160394989,"number":549,"title":"Toolbar renders away from div having CSS property overflow set to auto.","user":{"login":"qasid","id":18445645,"avatar_url":"https://avatars.githubusercontent.com/u/18445645?v=3","gravatar_id":"","url":"https://api.github.com/users/qasid","html_url":"https://github.com/qasid","followers_url":"https://api.github.com/users/qasid/followers","following_url":"https://api.github.com/users/qasid/following{/other_user}","gists_url":"https://api.github.com/users/qasid/gists{/gist_id}","starred_url":"https://api.github.com/users/qasid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qasid/subscriptions","organizations_url":"https://api.github.com/users/qasid/orgs","repos_url":"https://api.github.com/users/qasid/repos","events_url":"https://api.github.com/users/qasid/events{/privacy}","received_events_url":"https://api.github.com/users/qasid/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/liferay/alloy-editor/labels/bug","name":"bug","color":"fc2929"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-06-15T11:01:30Z","updated_at":"2016-08-03T09:45:27Z","closed_at":null,"body":"Toolbar renders at bottom and away from selection when all text is selected using keyboard command Ctrl+A or select manually using mouse\r\n![toolbar_renders_away_from_selection](https://cloud.githubusercontent.com/assets/18445645/16077066/043b8880-3310-11e6-89b7-13690e224c41.png)\r\n**Steps**\r\n1 Create a div with over flow property set to auto.\r\n```\r\n<div id=\"container\" >\r\n          <div contenteditable=\"true\"  id=\"description\" style=\"width:100px; height:100px; overflow:auto;\">\r\n            <p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href=\"http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)\">Michael Collins</a>, piloted the <a href=\"http://en.wikipedia.org/wiki/Apollo_Command/Service_Module\">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p>\r\n                </div>\r\n\r\n        </div>\r\n  <script type=\"text/javascript\">\r\nvar instance = AlloyEditor.editable('description');\r\n</script>\r\n```\r\n2. Select all text (using mouse or Ctrl+A).\r\n\r\n\r\n**Expected result**\r\nToolbar renders near selected text.\r\n\r\n**Actual result**\r\nToolbar renders away from selected text."},"comment":{"url":"https://api.github.com/repos/liferay/alloy-editor/issues/comments/237192735","html_url":"https://github.com/liferay/alloy-editor/issues/549#issuecomment-237192735","issue_url":"https://api.github.com/repos/liferay/alloy-editor/issues/549","id":237192735,"user":{"login":"qasid","id":18445645,"avatar_url":"https://avatars.githubusercontent.com/u/18445645?v=3","gravatar_id":"","url":"https://api.github.com/users/qasid","html_url":"https://github.com/qasid","followers_url":"https://api.github.com/users/qasid/followers","following_url":"https://api.github.com/users/qasid/following{/other_user}","gists_url":"https://api.github.com/users/qasid/gists{/gist_id}","starred_url":"https://api.github.com/users/qasid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qasid/subscriptions","organizations_url":"https://api.github.com/users/qasid/orgs","repos_url":"https://api.github.com/users/qasid/repos","events_url":"https://api.github.com/users/qasid/events{/privacy}","received_events_url":"https://api.github.com/users/qasid/received_events","type":"User","site_admin":false},"created_at":"2016-08-03T09:45:27Z","updated_at":"2016-08-03T09:45:27Z","body":"Potential use case here is re-sizable text area. User can adjust the size of editable text area on the fly.\r\n\r\nIn this particular case there can be multiple scenarios where user selects whole text.\r\ne.g: \r\n- User wants to change/apply font size &/or family of selected content\r\n- User wants to re-align selected text\r\n- User wants to change/apply styles formatting \r\n\r\nCurrently in my opinion, by default toolbar renders where the text selection highlight ends.  Therefore in case of overflow since some portion of the selected text is visible to the user, toolbar appears as if it has rendered away from the text area. "}}
{"actor":{"display_login":"qasid"}}