Hi everyone, I show an alert prompt like this: let alert = Alert.create({ title: 'Title', inputs: [ { name: 'name', placeholder: 'Your name here' } ], buttons: [ { text: 'Cancel', role: 'cancel', handler: data => { …

This is something we had actually attempted to do some time ago. But as it turns out, setting focus reliably across browsers and OS’s is a much tougher problem then expected. I honestly would try to avoid it, as it can be a rabbit hole of issues.

Ok @mhartington . Thanks for your advice. :wink:

any news? thank you :slight_smile:

[image] Setting Focus to an Input in Ionic ionic-v3 SOLVED : import {Component, Input, ViewChild} from '@angular/core'; import {NavController} from 'ionic-angular'; @Component({ templateUrl: 'build/pages/home/home.html' }) export class HomePage { @ViewChild('input') m…

How to create the reference, when my alert prompt is generated in my .ts file like: inputs: [ { name: 'maschineName', placeholder: 'Name der Maschine', value: maschine.name, }, or is there meanwhile any b…

I’ve found a simple solution ( / workaround) for this case. alert.present(); returns a Promise. So we can simply add the following lines to achieve the expected behaviour: alert.present().then(() => { const firstInput: any = document.querySelector('ion-alert input'); firstInput.focus(); return;…

Set focus on input inside alert prompt

Ionic Framework ionic-v3

ramon April 18, 2017, 3:13pm 5

Topic		Replies	Views
Auto focus input field in ionic 5 Ionic Framework	3	9520	June 19, 2022
Focus is not pointing to first input ionic-v3	3	1056	January 28, 2020
Setting Focus to an Input in Ionic ionic-v3	56	155307	February 27, 2021
Platform.ready questions and input focussing on Ionic View ionic-v3	1	595	September 20, 2016
$ionicModal focusFirstInput not working on ios devices ionic-v1	3	978	October 1, 2014

Set focus on input inside alert prompt

Related topics