Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[@ionic/core 4.0.1] Spinner follows an out of bounds track #17501

wcmhc opened this issue Feb 14, 2019 · 4 comments


None yet
4 participants
Copy link

commented Feb 14, 2019

Bug Report

Ionic version:
[x] 4.0.1

Current behavior:
The spinner that appears in the loader (among other places, including the spinner tag itself) follows a path which is not correct. See the gif hosted on Imgur below for exactly what is happening. This occurs on only one of the devices we've tested - Recorded from the Chrome Dev Tools screencasting tool, but occurs on the device itself

Expected behavior:
The spinner should follow a concise circular pattern, rather than the stretched variation shown in the gif

Steps to reproduce:

  1. Install Ionic Core on a barebones Cordova project
  2. Include some form of the <ion-spinner></ion-spinner> tag on a working page. The test repo uses the LoadingController to demonstrate other components are working as intended.
  3. Load the app onto a phone (may or may not show incorrectly)

Related code:
I realize now that I originally named the repo wrong. The actual issue is the Spinner, not the Loading container

Other information:
Device: Physical Blu Pure XR running Android 6.0

Ionic info:
We are running a Cordova stack without the Ionic CLI due to specific requirements. We use @ionic/core from NPM, currently installed is v4.0.1


This comment has been minimized.

Copy link

commented Feb 15, 2019

I recognize this behaviour when building my Ionic4 app for Electron. In the browser and on iOS and Android the spinner works fine, but in Electron it also follows this path outside the loading square. Maybe this information is helpful when trying to find why this happens.


This comment has been minimized.

Copy link

commented Feb 15, 2019

I recognized the same behaviour on older Android WebViews e.g. 61.


This comment has been minimized.

Copy link

commented Feb 22, 2019

One of our QA testers reported the same issue with the following emulator. I successfully reproduced locally

Build: OSM1.180201.007
Build fingerprint: 'google/sdk_gphone_x86/generic_x86:8.1.0/OSM1.180201.007/4586646:user/release-keys'
Release Name: Android Oreo 8.1
Bootloader: unknown
Radio: (unknown)
Network: Android
Kernel: Linux version 3.18.91+ ( (gcc version 4.9 20140827 (prerelease) (GCC) ) #1 SMP PREEMPT Tue Jan 9 20:32:02 UTC 2018

Name: Nexus_5X_API_27
CPU/ABI: x86
Target: google_apis_playstore [Google Play] (API level 27)
Skin: nexus_5x
AvdId: Nexus_5X_API_27
avd.ini.displayname: Nexus 5X API 27
Chrome Version: Chrome/61.0.3163.98

This comment has been minimized.

Copy link

commented Apr 26, 2019

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.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Apr 26, 2019

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
You can’t perform that action at this time.