search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.08k stars 13.51k forks source link

@ionic/vue bug: layout shifts with tabs are sometimes visible when loading quickly #22052

Closed liamdebeasi closed 4 years ago

liamdebeasi commented 4 years ago

Bug Report

Ionic version:

[ ] 4.x [x] 5.x

Current behavior:

Because of how fullscreen logic works in ion-content, sometimes layout shifts happen on page load. In Ionic React/Angular, the tab page is hidden when this happens, so users do not see it. This is not the case for Ionic Vue.

Expected behavior:

I would expect any layout shifts to not happen/not be visible.

Steps to reproduce:

  1. Clone Ionic Vue tabs starter.
  2. Switch tabs and occasionally you should notice some layouts shifts when each tab first loads.
liamdebeasi commented 4 years ago

Resolved via https://github.com/ionic-team/ionic-framework/pull/22254

ionitron-bot[bot] commented 4 years ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.