{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/5942","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/5942/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/5942/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/5942/events","html_url":"https://github.com/driftyco/ionic/issues/5942","id":143479890,"number":5942,"title":"Ionic v2 - Searchbar - Skips / Deletes characters while typing","user":{"login":"tonyawad88","id":3638322,"avatar_url":"https://avatars.githubusercontent.com/u/3638322?v=3","gravatar_id":"","url":"https://api.github.com/users/tonyawad88","html_url":"https://github.com/tonyawad88","followers_url":"https://api.github.com/users/tonyawad88/followers","following_url":"https://api.github.com/users/tonyawad88/following{/other_user}","gists_url":"https://api.github.com/users/tonyawad88/gists{/gist_id}","starred_url":"https://api.github.com/users/tonyawad88/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tonyawad88/subscriptions","organizations_url":"https://api.github.com/users/tonyawad88/orgs","repos_url":"https://api.github.com/users/tonyawad88/repos","events_url":"https://api.github.com/users/tonyawad88/events{/privacy}","received_events_url":"https://api.github.com/users/tonyawad88/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/Searchbar","name":"Searchbar","color":"d93f0b"},{"url":"https://api.github.com/repos/driftyco/ionic/labels/v2","name":"v2","color":"313744"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-25T11:16:16Z","updated_at":"2016-03-26T00:59:57Z","closed_at":null,"body":"#### Short description of the problem:\r\nWhile typing into an ```ion-searchbar``` it skips or deletes some of the characters i'm trying to type. It even does that on the demo site: http://ionicframework.com/docs/v2/api/components/searchbar/Searchbar/\r\n\r\n#### What behavior are you expecting?\r\nExpected normal typing into input without skipping.\r\n\r\n**Steps to reproduce:**\r\n1. Just add the following tag to one of the pages\r\n```\r\n<ion-toolbar>\r\n    <ion-searchbar placeholder=\"What are you looking for ?\" (search)=\"addToSearchList($event)\"\r\n        [(ngModel)]=\"searchQuery\" hideCancelButton=\"true\">\r\n    </ion-searchbar>\r\n</ion-toolbar>\r\n```\r\n\r\n**Other information:** (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)\r\n None.\r\n\r\n**Which Ionic Version?** 2.x\r\n\r\n\r\n**Run `ionic info` from terminal/cmd prompt:** (paste output below)\r\n```\r\nCordova CLI: 6.0.0\r\nGulp version:  CLI version 3.9.0\r\nGulp local:   Local version 3.9.1\r\nIonic Version: 2.0.0-beta.3\r\nIonic CLI Version: 2.0.0-beta.19\r\nIonic App Lib Version: 2.0.0-beta.9\r\nios-deploy version: 1.8.2 \r\nios-sim version: 5.0.3 \r\nOS: Mac OS X El Capitan\r\nNode Version: v0.12.7\r\nXcode version: Xcode 7.3 Build version 7D175 \r\n```\r\nScreenshot: (Attempting to write ***cars*** in Google Chrome session in an ionic2 2 page with  a searchbar) \r\n![search_input_skip](https://cloud.githubusercontent.com/assets/3638322/14043316/4180d936-f259-11e5-8807-3449babd0ad2.gif)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/201632902","html_url":"https://github.com/driftyco/ionic/issues/5942#issuecomment-201632902","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/5942","id":201632902,"user":{"login":"AdrianTeh","id":161221,"avatar_url":"https://avatars.githubusercontent.com/u/161221?v=3","gravatar_id":"","url":"https://api.github.com/users/AdrianTeh","html_url":"https://github.com/AdrianTeh","followers_url":"https://api.github.com/users/AdrianTeh/followers","following_url":"https://api.github.com/users/AdrianTeh/following{/other_user}","gists_url":"https://api.github.com/users/AdrianTeh/gists{/gist_id}","starred_url":"https://api.github.com/users/AdrianTeh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AdrianTeh/subscriptions","organizations_url":"https://api.github.com/users/AdrianTeh/orgs","repos_url":"https://api.github.com/users/AdrianTeh/repos","events_url":"https://api.github.com/users/AdrianTeh/events{/privacy}","received_events_url":"https://api.github.com/users/AdrianTeh/received_events","type":"User","site_admin":false},"created_at":"2016-03-26T00:59:57Z","updated_at":"2016-03-26T00:59:57Z","body":"Hi @tonyawad88,\r\n\r\nI had the same problem. Resolved it by specifying the [debounce]=\"500\" property on the search bar as follow:\r\n\r\n```\r\n<ion-searchbar light [(ngModel)]=\"searchQuery\" [debounce]=\"500\" placeholder=\"Search Question\" (input)=\"search($event)\" (cancel)=\"cancel($event)\" (clear)=\"cancel($event)\"></ion-searchbar>\r\n```\r\n\r\nGiving the search bar enough time for users to type before it starts\r\n"}}