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

Mobile: Fix links ui on landscape iOS #14047

Closed
wants to merge 21 commits into from

Conversation

etoledom
Copy link
Contributor

@etoledom etoledom commented Feb 22, 2019

gutenberg-mobile reference: wordpress-mobile/gutenberg-mobile#647

Description

This PR fixes an issue on KeyboardAvoidingView, that was adding extra bottom padding on specific circumstances:

  • iOS.
  • Landscape.
  • Keyboard already present.
  • BottomSheet presenting with a TextInput on Autofocus.

With some debugging I noticed a problem on the way the extra padding is calculated, so I made a simplified version of the component that will work well on the BottomSheet.

links-ui-landscape

Note: The BottomSheet is not scrollable (yet).

To test:

  • Check that the Links UI presents properly on Landscape mode.
  • If possible, test WPiOS and Android.
  • Android should work exactly as before.

noisysocks and others added 15 commits February 18, 2019 12:44
* RichText: only ignore input types that insert HTML

* Mark RichTextInputEvent as unstable

* Use Set
…eters returned onChange, and we forgot to update the PostTitle component (#13967)
Upload media progress bar is missing while media is uploading new
* Trigger onFocusStatusChange from PostTitle

* Fix lint issue

* Update post title shadow mechanism

Also open inner ref so that focus state can be updated when focus is made programmatically

* Update props

* Update onRef as ref

* Update title padding&margin
* Changed upload media icon color

* Changed media placeholder background color
* Fix unexpected token in native code

* Dummy commit to trigger Travis

* Include the rnmobile release branch to Travis builds
* Mobile: Replaced Links UI with bottom-sheet component

* Mobile links UI: Removed commented code.

* Mobile: Fix lint issues

* Mobile Links UI: Remove autofocus on Android.
This hides an issue where the modal sometimes will be under the keyboard on Android.
@etoledom etoledom added the Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) label Feb 22, 2019
@etoledom etoledom self-assigned this Feb 22, 2019
@pinarol pinarol self-requested a review February 22, 2019 11:59
@pinarol
Copy link
Contributor

pinarol commented Mar 5, 2019

hey @etoledom 👋 is it possible that you commit the original version of the Facebook’s KeyboardAvoidingView and then commit your changes separately so that I can understand which part you changed?

@etoledom etoledom changed the base branch from rnmobile/release-v1.0 to master March 5, 2019 14:03
@etoledom etoledom changed the base branch from master to rnmobile/release-v1.0 March 5, 2019 14:21
@etoledom etoledom changed the base branch from rnmobile/release-v1.0 to master March 5, 2019 14:21
@etoledom
Copy link
Contributor Author

etoledom commented Mar 5, 2019

Closing in favor of #14240

@etoledom etoledom closed this Mar 5, 2019
@etoledom etoledom deleted the rnmobile/links-ui-landscape-ios branch July 1, 2019 10:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants