Breaking News: Grepper is joining You.com. Read the official announcement!

ionic searchbar setfocus

Edmister answered on March 8, 2022 Popularity 4/10 Helpfulness 2/10

answer ionic searchbar setfocus

related setFocus() in searchbar ionic4

ionic searchbar setfocus

Comment

import { IonSearchbar } from '@ionic/angular';

 export class MyComponent {

   @ViewChild('searchbar') searchbar:IonSearchbar;

    /* some stuff here */
   ...
   anyMethodName() {
     this.searchbar.setFocus();
   } 
  
 }

Popularity 4/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: searchbar setfocus whatever

Link to this answer
Share Copy Link

Contributed on Jun 16 2022

Edmister

0 Answers Avg Quality 2/10

Closely Related Answers

setFocus() in searchbar ionic4

Comment

async function focusElement(ref) {
  if (ref) {
    const el = await ref.getInputElement();
    el.focus();
  } else {
    console.log("focusElement got no ref");
  }
}

// Component:

function SomeComponent() {
const someRef = React.useRef()

return (
<button onClick={ () => {
    focusElement(someRef.current)
  }
>
   focus
</button>
<IonInput ref={someRef} />
)

}

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: forum.ionicframework.com

Tags: ionic4 javascript searchbar

Link to this answer
Share Copy Link