A clear button next to textarea does not show on android device with beta 10

Here is the main code of the view:

<div class="list">
     <div class="item item-input">
        <i class="icon ion-ios7-heart placeholder-icon"></i>
        <textarea placeholder="please input some text"
                  rows="5" cols="10" required ng-model="opt.text">
        </textarea>
        <button class="button button-clear icon ion-android-close"
                ng-show="opt.text" ng-click="opt.text=''"></button>
      </div>
</div>

It works on desktop-browser. But on the device(android 4.0.4), the textarea takes all the space, and the clear button does not show. Well, with beta 9, there is no such problem.

Can anyone give me some hint to work around?