ecency / esteem

eSteem Mobile - Application for Android and iOS users, start earning cryptocurrency!
https://esteem.app
MIT License
85 stars 58 forks source link

iOS eSteem App | Profile page blanks out changing the orientation portrait to landscape #259

Open dheerajsharma14 opened 6 years ago

dheerajsharma14 commented 6 years ago

The version 1.5.1 of eSteem app is a much stable in terms of general functionality and as I was playing around today, I could spot couple of bugs in the orientation from. The first being if you are editing the Profile Page, and change the orientation, first the page distorts and secondly when you change it back to portrait, it blanks out.

image.png

Expected behavior

Edit profile page should never distort and also should never blanks out even after changing the orientation of the mobile phone

Actual behavior

Edit profile page distorts UI distorts if you change the orientation from Portrait mode to landscape mode. Once you change it back to Portrait mode and tap into the editable field, it blanks out showing just the cursor.

How to reproduce

  1. Open eSteem Mobile app v1.5.1 on iOS 11.2.5 on an iPhone 6 device
  2. Login to the app and open the profile page in Portrait mode of the phone
  3. Click on Edit Profile icon/button near the left bottom corner of the cover photo
  4. This will open the Edit Profile page in edit mode. Click on any text field and add some text in it
  5. Change the phone orientation to landscape and see that UI of the page is distorted. Your cover photo is visible in between while the profile page is still open. You can continue to type few more characters and you will notice you can still write. (Issue 1)
  6. Now, without pressing the Done button change back the orientation mode to Portrait mode and you will see edit profile page comes back with all text written so far.
  7. Now, click on some other field to move the cursor and notice the whole page goes blank (Issue 2)
Environment Details

Recording Of The Bug

To reproduce the issue, I have created a screen recording as well which can be found at the link: Screen Recording Link

PS: Recording shows couple of ways to blank out the screen and a bit lengthy, you can stop watching after first iteration too :)



Posted on Utopian.io - Rewarding Open Source Contributors