Ionic TextFileクリアボタンキーボードの動作iOS

Question

同じスパンに2つのボタンがあるIonicアプリケーションにテキスト入力があります。最初のボタンは検索の実行に使用され、2番目のボタンはテキスト入力のクリアに使用されます。クリアボタンをタップすると、テキスト入力がクリアされ、キーボードが再表示されますが、テキストフィールドにはフォーカスがありません。

テキストをクリアした後にテキスト入力にまだフォーカスがあることを確認できるように誰でも助けてもらえますか？ありがとうございました。

<form class="list"> 
 
    <span class="item item-input-inset"> 
 
    <label class="item-input-wrapper address-label" name="addressLabel"> 
 
     <i class="icon ion-ios-search placeholder-icon" ng-show="!address.length"></i> 
 
     <input type="text" class="address-input" placeholder="Search By Address" ng-model="address" autocomplete="off" autocorrect="off" autocapitalize="off"> 
 
    </label> 
 
    <button type="submit" id="button1" class="button button-small custom-btn ion-search" ng-click="search(address)" ng-show="address.length"></button> 
 
    <button ng-click="address = ''" class="button button-small custom-btn ion-close-round" ng-show="address.length"></button> 
 
    </span> 
 
</form>

Answer 1

イオン性フレームワークフォーラムからこの記事を見てみましょう。このように思えますし、よりネイティブなルック・アンド・フィールを与えるでしょう。

<div class="list list-inset"> 
    <div class="item item-input"> 
     <input type="text" placeholder="mail stop" 
      name="mail_stop_name" 
     > 
     <i class="icon ion-ios-close placeholder-icon" 
     data-tap-disabled="true" on-touch="formData.mail_stop_name = ''"></i> 
    </div> 
</div> 

参考： https://forum.ionicframework.com/t/clear-button-inside-input-causes-input-to-loose-focus/17016