Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: ios, scroll latching incorrect on pwas

See original GitHub issue

Bug Report

Ionic version:

[ ] 4.x [x] 5.x

Current behavior: Scroll no longer works normally after opening the keyboard on IOS/PWA only

Expected behavior: Scroll should work the same as before opening the keyboard

Steps to reproduce: Open/close keyboard touch header and start scrolling.

Related code:

<template>
  <ion-page>
    <ion-header>
      <ion-toolbar>
        <ion-title>Blank</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-input placeholder="test"></ion-input>
    </ion-content>
  </ion-page>
</template>

<script lang="ts">
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'Home',
  components: {
    IonContent,
    IonHeader,
    IonPage,
    IonTitle,
    IonToolbar
  }
});
</script>

Other information:

Ionic info:


Ionic:

   Ionic CLI       : 6.12.4 (C:\Users\Maxime\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework : @ionic/vue 5.5.5

Capacitor:

   Capacitor CLI   : 2.4.6
   @capacitor/core : 2.4.6

Utility:

   cordova-res : not installed
   native-run  : 1.3.0

System:

   NodeJS : v14.8.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.11
   OS     : Windows 10

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:8 (2 by maintainers)

Top GitHub Comments

1reaction

enaroscommented, Jul 6, 2022

@lincolnthree hey buddy, how did u use that library to avoid this issue? Care to provide an example or some instructions?

0reactions

TimGelscommented, Jul 6, 2022

I would like to know as well. This bug in webkit is driving me nuts.

Top Results From Across the Web

Mobile Safari bug on fixed positioned button after scrollTop ...

After spending a couple of hours on this, I found a workaround: try scrolling (maybe with an animation) ...

176454 – Implement CSS overscroll-behavior - WebKit Bugzilla

I'm curious if your change to ScrollingTree helps to implement this scroll chaining. That would mean a UIScrollView API is not needed? It...

Safari Technology Preview Release Notes - Apple Developer

Fixed flickering while scrolling when the keyboard scrolling spring damping ... Fixed Cross-Origin-Embedder-Policy incorrectly blocking scripts on a cache ...

Unlocking and Locking Your Latch Device

I'm getting an 'Out of Schedule' error message What if my Latch C jams? ... Once you open the Latch App for Apple...

Square Register Troubleshooting | Square Support Center - US

If they are incorrect, update them via the Settings > General section. ... hear the latch click on both the left and right...