ionic-team/ionic-framework

bug: collapsible large title should snap between expanded and collapsed when released in between states

Open

#22719 opened on Dec 26, 2020

View on GitHub
 (8 comments) (0 reactions) (0 assignees)TypeScript (52,503 stars) (13,381 forks)batch import
help wantedpackage: coretype: bug

Description

Bug Report

Ionic version:

[ ] 4.x [x] 5.x

Current behavior:

Currently, the ios large (collapse) header is able to be between the two states when releasing the pointer via scroll. It then looks like:

image

Expected behavior:

As far as i see, native it switches either to the expanded or collapsed state, determined by how far the transition was done when releasing.

Contributor guide

Tech stack
typescriptjavascriptcsshtml
Domain
frontendmobile
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Ionic Framework basicsTypeScriptCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Investigate the iOS large title header component in Ionic Framework (likely in core/src/components/header). The bug is that the header remains between expanded and collapsed states when released. The fix should snap to one state based on scroll position threshold. Refer to native iOS behavior for reference. No linked PRs or assignees, so the issue is open for contribution.