Skip to content

fix(header): avoid flicker on collapsible header load#19682

Merged
liamdebeasi merged 2 commits into
masterfrom
header-flicker
Oct 29, 2019
Merged

fix(header): avoid flicker on collapsible header load#19682
liamdebeasi merged 2 commits into
masterfrom
header-flicker

Conversation

@liamdebeasi

@liamdebeasi liamdebeasi commented Oct 17, 2019

Copy link
Copy Markdown
Contributor

Pull request checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Build (npm run build) was run locally and any changes were pushed
  • Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

  • Bugfix
  • Feature
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes
  • Other (please describe):

What is the current behavior?

The main header had a transition always applied (even if not using collapsible header). For collapsible headers, this caused the main title/buttons to appear briefly before fading out which was a bit jarring.

What is the new behavior?

I made it so that the transition is only applied a) for the collapsible header and b) after the buttons/title have already been hidden

Does this introduce a breaking change?

  • Yes
  • No

Other information

@ionitron-bot ionitron-bot Bot added the package: core @ionic/core package label Oct 17, 2019
@liamdebeasi liamdebeasi marked this pull request as ready for review October 17, 2019 18:58
@liamdebeasi

Copy link
Copy Markdown
Contributor Author

Created a dev build for this 5.0.0-dev.201910171822.f69f9e4

@rdlabo

rdlabo commented Oct 21, 2019

Copy link
Copy Markdown
Contributor

I tried, and this work well🎉

@liamdebeasi liamdebeasi merged commit 0a7aae2 into master Oct 29, 2019
@liamdebeasi liamdebeasi deleted the header-flicker branch October 29, 2019 18:36
elylucas pushed a commit that referenced this pull request Oct 30, 2019
* fix flicker on collapse load

* remove old test
mhartington pushed a commit that referenced this pull request Oct 31, 2019
* fix flicker on collapse load

* remove old test
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants