{"action":"created","issue":{"url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/148","labels_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/148/labels{/name}","comments_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/148/comments","events_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/148/events","html_url":"https://github.com/Bluefieldscom/intl-tel-input/issues/148","id":56279303,"number":148,"title":"Tweaking base css to allow better alignment within a input-group","user":{"login":"gegere","id":468238,"avatar_url":"https://avatars.githubusercontent.com/u/468238?v=3","gravatar_id":"","url":"https://api.github.com/users/gegere","html_url":"https://github.com/gegere","followers_url":"https://api.github.com/users/gegere/followers","following_url":"https://api.github.com/users/gegere/following{/other_user}","gists_url":"https://api.github.com/users/gegere/gists{/gist_id}","starred_url":"https://api.github.com/users/gegere/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gegere/subscriptions","organizations_url":"https://api.github.com/users/gegere/orgs","repos_url":"https://api.github.com/users/gegere/repos","events_url":"https://api.github.com/users/gegere/events{/privacy}","received_events_url":"https://api.github.com/users/gegere/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-02-02T19:12:17Z","updated_at":"2015-02-11T21:08:53Z","closed_at":"2015-02-11T21:08:53Z","body":"Allow input field to use `<div class=\"input-group\">` around it. \r\n\r\nGreat widget!\r\n\r\nI am looking to have the input field nicely line up against a call button. This is the tweaked CSS to have the country drop down list align correctly within the field and have a button bump up against the right side. The problem seems to be with a iOS device the input field is not selectable. I can't reproduce this with a Safari browser as it the input field is selectable. Here is a screenshot using the iOS device simulator, click select inside the input box: http://cl.ly/image/2O070x10373m\r\n\r\nEverything looks good with the style but I can't select the input field via a iOS device. Here is the changed CSS.\r\n\r\n```\r\n.intl-tel-input {\r\n    display: block;\r\n    position: initial;\r\n}\r\n```\r\n\r\nThis is what the UI looks like via the initial CSS when trying to use \"input-group\": http://cl.ly/image/3U1G2U1s3l3M\r\n\r\n\r\nTo test and override my custom CSS in CodePen add the following CSS\r\n```\r\n#phone .intl-tel-input {\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n```\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/comments/73965168","html_url":"https://github.com/Bluefieldscom/intl-tel-input/issues/148#issuecomment-73965168","issue_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/148","id":73965168,"user":{"login":"gegere","id":468238,"avatar_url":"https://avatars.githubusercontent.com/u/468238?v=3","gravatar_id":"","url":"https://api.github.com/users/gegere","html_url":"https://github.com/gegere","followers_url":"https://api.github.com/users/gegere/followers","following_url":"https://api.github.com/users/gegere/following{/other_user}","gists_url":"https://api.github.com/users/gegere/gists{/gist_id}","starred_url":"https://api.github.com/users/gegere/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gegere/subscriptions","organizations_url":"https://api.github.com/users/gegere/orgs","repos_url":"https://api.github.com/users/gegere/repos","events_url":"https://api.github.com/users/gegere/events{/privacy}","received_events_url":"https://api.github.com/users/gegere/received_events","type":"User","site_admin":false},"created_at":"2015-02-11T21:08:53Z","updated_at":"2015-02-11T21:08:53Z","body":"Purposed a solution in the README.md. Happy with solution!"}}