lundi 17 avril 2023

Why some part of my vue file doesn't work with iOS >16.4?

I have a website that works fine on browsers, last Android version but not on the last iOS version (>16.4). I have to precise that it works fine on iOS 16.3. I know that iOS 16.4 meets a lots of issues and that's why I've waited for iOS 16.4.1 to see if they resolve this bug but it still doesn't work. My website use laravel 5.6 and vuejs 2.5.

The problem sounds like an entire area of the page which is disabled. I have two different area that are very similar and one of them is like disabled, we cannot click on the element on iOS 16.4.

Here is the code :

<div class="temps" :class="{inactive: !regulation_hot_or_cold}">
   <div class="temp">
         <label class="form-checkbox" :class="{disabled: !is_zone_off || !can_change_setpoints}">
            <input type="radio" :value="1" v-model="mutated_t1_t2" :disabled="!is_zone_off || !can_change_setpoints">
            <span>First</span>
         </label>
         <div class="input" :class="{disabled: !can_change_setpoints}">
            <i class="icon-minus" @click.prevent="incrementCurrentSetpoint(-0.5, 1)"></i>
            <span class="value"></span>
            <i class="icon-plus" @click.prevent="incrementCurrentSetpoint(0.5, 1)"></i>
         </div>
   </div>
   <div class="temp">
         <label class="form-checkbox" :class="{disabled: !is_zone_off || !can_change_setpoints}">
            <input type="radio" :value="2" v-model="mutated_t1_t2" :disabled="!is_zone_off || !can_change_setpoints">
            <span>Second</span>
         </label>
         <div class="input" :class="{disabled: !can_change_setpoints}">
            <i class="icon-minus" @click.prevent="incrementCurrentSetpoint(-0.5, 2)"></i>
            <span class="value"></span>
            <i class="icon-plus" @click.prevent="incrementCurrentSetpoint(0.5, 2)"></i>
         </div>
   </div>
</div>

The first div with "temp" class doesn't work but the second one works fine (on iOS 16.4 and iOS 16.4.1).

It works on iOS older versions like iOS 16.3.

Does anyone have an idea of what can be the problem?

Thanks a lot.



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire