fix(mobile): steady overlay entrance while the keyboard dismisses
Opening a bottom-sheet overlay usually dismisses the keyboard in the same moment, so the panel's keyboard-inset bottom anchor was transitioning down underneath the panel's own rise animation — a jerky, offset entrance. The anchor now snaps to its final position for the duration of the enter animation and resumes animating afterwards (so an already-open overlay still lifts smoothly when the keyboard reopens).
This commit is contained in:
@@ -583,6 +583,12 @@
|
||||
bottom: var(--oc-keyboard-inset, 0px);
|
||||
transition: bottom 0.25s cubic-bezier(0.38, 0.7, 0.125, 1), opacity 0.2s ease-out;
|
||||
}
|
||||
/* While a panel is playing its enter animation, its bottom anchor snaps
|
||||
instead of transitioning — opening an overlay typically dismisses the
|
||||
keyboard in the same moment, and animating both made the entrance jerky. */
|
||||
:root.oc-capacitor-app .oc-keyboard-inset-surface.oc-keyboard-inset-snap {
|
||||
transition: opacity 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* Full-screen scroll views (e.g. the connect/login screen) live outside the app
|
||||
shell, so shrink them by the keyboard height the same way the shell does. Capping
|
||||
|
||||
Reference in New Issue
Block a user