[GitHub] [incubator-weex] hydrz opened a new issue #3306: [Android][iOS][Dev-tool] input type password override type text when use v-if where weex version is 0.28.0

[GitBox]

hydrz opened a new issue #3306:
URL: https://github.com/apache/incubator-weex/issues/3306


   ## Describe the bug
   when a page has multiple forms and use v-if to control the display. The text 
type input will also display *, by override then password type input.
   
   ## Environment
   
   * Device: oppo r15 and emulator
   * OS: Android 11
   
   ## Expected behavior
   the input type shoud follow its own
   
   ## Screenshots
   
![image](https://user-images.githubusercontent.com/1647194/100536184-b4b26380-3259-11eb-9e84-baa69ea3858f.png)
   
![image](https://user-images.githubusercontent.com/1647194/100536197-e0cde480-3259-11eb-806e-7d0423477c8c.png)
   
   
   ## Additional context
   ```
                        <div class="form" v-if="tab == 'login' || tab == 
'security'">
                                <div class="form-section">
                                        <text class="form-title">{{ $t('Old 
Password') }}</text>
                                        <input
                                                class="form-input"
                                                type="password"
                                                ref="password"
                                                name="password"
                                                v-model="passwordForm.password"
                                                :placeholder="$t('please enter 
old password')"
                                        />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ $t('New 
Password') }}</text>
                                        <input
                                                class="form-input"
                                                type="password"
                                                ref="newPassword"
                                                name="newPassword"
                                                
v-model="passwordForm.newPassword"
                                                :placeholder="$t('please enter 
new password')"
                                        />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ $t('Confirm 
Password') }}</text>
                                        <input
                                                class="form-input"
                                                type="password"
                                                ref="confirmPassword"
                                                name="confirmPassword"
                                                
v-model="passwordForm.confirmPassword"
                                                :placeholder="$t('please enter 
confirm password')"
                                        />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ 
$t('Question') }}</text>
                                        <input
                                                class="form-input"
                                                type="text"
                                                name="question"
                                                v-model="passwordForm.question"
                                                :placeholder="$t('please enter 
question')"
                                        />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ 
$t('Anwser') }}</text>
                                        <input
                                                class="form-input"
                                                type="text"
                                                name="answer"
                                                v-model="passwordForm.answer"
                                                :placeholder="$t('please enter 
answer')"
                                                return-key-type="done"
                                        />
                                </div>
   
                                <button text="" :disabled="disabled" 
class="form-btn" @click="opShow = true">
                                        <text class="form-btn-text">{{ $t('SAVE 
SETTINGS') }}</text>
                                </button>
                        </div>
   
                        <div class="form" v-if="tab == 'qa'" :style="{ height: 
'800px' }">
                                <div class="form-section">
                                        <text class="form-title">{{ 
$t('Question 01') }}</text>
                                        <input class="form-input" type="text" 
name="question1" v-model="qaForm.question1" :placeholder="$t('please enter 
question 01')" />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ $t('Anwser 
01') }}</text>
                                        <input class="form-input" type="text" 
name="answer1" v-model="qaForm.answer1" :placeholder="$t('please enter answer 
01')" />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ 
$t('Question 02') }}</text>
                                        <input class="form-input" type="text" 
name="question2" v-model="qaForm.question2" :placeholder="$t('please enter 
question 02')" />
                                </div>
                                <div class="form-section">
                                        <text class="form-title">{{ $t('Anwser 
02') }}</text>
                                        <input
                                                class="form-input"
                                                type="text"
                                                name="answer2"
                                                v-model="qaForm.answer2"
                                                :placeholder="$t('please enter 
answer 02')"
                                                return-key-type="done"
                                        />
                                </div>
   
                                <button text="" :disabled="disabled" 
class="form-btn" @click="opShow = true">
                                        <text class="form-btn-text">{{ $t('SAVE 
SETTINGS') }}</text>
                                </button>
                        </div>
   ```
   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org