Element focus not showing keyboard on IOS

I’ve got a simple directive that focuses on the next input when enter is pressed. This works in my browser via ionic serve and it works when deployed on my Android Nexus 5, however it seems element isn’t correctly focuses on an iPhone/iPad.

Here is my (crude) directive

emfApp.directive('chain', [ function() {
	return {
		restrict: 'A',
		require: ['ngModel'],
		link: function(scope, element, attrs, ctrls) {
			element.bind('keydown', function(e) {
				var code = e.keyCode || e.which;
				if (code === 13) {
					e.preventDefault();
					var inputs = document.querySelectorAll('input');
					for(var i = 0; i < inputs.length; i++){
						if(inputs[i] == element[0]){
							if(i+1 < inputs.length){
								inputs[i+1].focus();
								break;
							}
					 	}
					 }

				}
			});
		}
	}
}]);

I know this isn’t an Ionic issue and I think it’s intentional on Safari’s part to prevent the keyboard taking over, but I would still like to be able to perform this action.

Any tips? :smile:

Thanks