Skip to content

iOS Only - Re-arrange scroll position of text inputs on landscape mode#397

Merged
pinarol merged 5 commits intomasterfrom
fix/scroll-position-on-landscape-mode
Dec 18, 2018
Merged

iOS Only - Re-arrange scroll position of text inputs on landscape mode#397
pinarol merged 5 commits intomasterfrom
fix/scroll-position-on-landscape-mode

Conversation

@pinarol
Copy link
Copy Markdown
Contributor

@pinarol pinarol commented Dec 18, 2018

This PR re-arranges the scrolling offset of text inputs for landscape mode.

We are showing the inner toolbar in portrait mode but in landscape mode we don't have room for it so we won't show that.

Before:

ezgif com-video-to-gif 1

After:
ezgif com-video-to-gif 2

Fixes part of #197

To Test

Test 1 - Landscape mode

  • Open a blog post on WPiOS app
  • Switch to landscape mode
  • Add one of the text input blocks with the return button on keyboard
  • Verify that focused field is viewable
  • Add one of the text input blocks with (+) button
  • Verify that focused field is viewable
  • Close the keyboard, focus again on one of the text input blocks
  • Verify that focused field is viewable

Test 2 - Portait mode

  • Open a blog post on WPiOS app
  • Switch to portrait mode
  • Add one of the text input blocks with the return button on keyboard
  • Verify that focused field is viewable with the inner toolbar
  • Add one of the text input blocks with (+) button
  • Verify that focused field is viewable with the inner toolbar
  • Close the keyboard, focus again on one of the text input blocks
  • Verify that focused field is viewable with the inner toolbar

@pinarol pinarol added this to the Alpha milestone Dec 18, 2018
@pinarol pinarol self-assigned this Dec 18, 2018
@pinarol pinarol requested a review from etoledom December 18, 2018 14:34
@pinarol
Copy link
Copy Markdown
Contributor Author

pinarol commented Dec 18, 2018

@marecar3 I've updated the import with this PR that you mentioned in #387 (comment) I've already tested it with WP-Android but feel free to test it yourself, it'd be nice to have a double check.

*/
import { FlatList, KeyboardAvoidingView } from 'react-native';
import { FlatList } from 'react-native';
import KeyboardAvoidingView from '../components/keyboard-avoiding-view';
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

to address #387 (comment)

Copy link
Copy Markdown
Contributor

@marecar3 marecar3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested and Approved! Thanks @pinarol !

@iamthomasbishop
Copy link
Copy Markdown
Contributor

Thanks for tackling this @pinarol! One minor thing that I noticed: can we add the same width/color border on the left/right sides, regardless of orientation?

@pinarol
Copy link
Copy Markdown
Contributor Author

pinarol commented Dec 18, 2018

@iamthomasbishop I've opened a new issue to address that #402 I am not sure that's a simple bug to fix within this PR but I'll try to fix that as my next task.

@pinarol pinarol merged commit e0ea2e8 into master Dec 18, 2018
@pinarol pinarol deleted the fix/scroll-position-on-landscape-mode branch January 28, 2019 14:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants