Monaca OnsenUI Buttons Disappear

Thank you for your help.

I am developing iOS apps on Monaca.

When booting to the Monaca debugger, if you click the button below using OnsenUI,
The button disappears only for iOS (iPad).

Not only the button you pressed, but all the buttons displayed disappear.

The display disappears, but if you click on the same location, a button appears for a moment, and click
The event is kicked.

If you click the button quickly like a double click, it disappears for a moment, but the display is
Recover, the click event code will only run once.

Previewing on Android devices and PCs will not cause this problem.

What is the cause?

<ons-toolbar>
    <div class="center">Amount</div>
</ons-toolbar>

<div class="content">
    <input class="text-input" id="kingaku"ng-model="kingaku" style="text-align:right;"value="0">

    <div class="tenkey-area">
        <ons-button class="tenkey" ng-click="inputKey('7');">7</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('8');">8</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('9');">9</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('4');">4</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('5');">5</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('6');">6</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('1');">1</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('2');">2</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('3');">3</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('0');">0</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('00');">00</ons-button>
        <ons-button class="tenkey" ng-click="inputKey('C');">C</ons-button><br>
        <ons-button class="tenkey register"ng-click="setShiwake()">Register</ons-button>
    </div>
</div>

monaca ios8 onsen-ui

2022-09-30 15:59

1 Answers

Dear Mr. Hamoo
When I tried the latest version of Onsen UI (1.2.2), I could not see the button disappearing.It may be a phenomenon caused by the rendering engine.Can't you fix it by building a high-performance version?Below is the code used for verification.

<ons-toolbar>
    <div class="center">Test</div>
</ons-toolbar>

<div class="content">
    <div>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>
        <ons-button>test</ons-button><br/>            
        <ons-buttoning-click="test()">Test For Blink</ons-button>
    </div>
</div>

2022-09-30 15:59

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656