Block Picker: Layout is messed up/not all blocks appear on screen after rotating device

[rachelmcr]

If you open the block picker and then rotate the device, the block picker layout is messed up. Not all blocks appear on screen and there's no way to navigate to them. The only solution is to close the block picker and reopen it.

Steps to reproduce

1. With the device in portrait mode, start a new post.
2. Open the block picker.
3. Rotate the device to landscape. Note that the blocks don't use the full width of the screen and not all blocks fit on screen.
4. Close the block picker and reopen it.
5. Rotate the device to portrait. Note that some blocks don't appear on screen.

In addition, rotating the device with the block picker open on Android makes the keyboard appear. This doesn't cause any issues once the keyboard is closed, but it does interfere with viewing/interacting with the block picker.

Screenshots

iOS - rotating portrait to landscape:

iOS - rotating landscape to portrait (8 blocks instead of 10):

Android - rotating portrait to landscape:

Android - rotating landscape to portrait:

Tested on:

• WordPress iOS 13.5.0.20191021, iPhone XS, iOS 13.1.4
• WordPress Android alpha-192, moto e5 play, Android 8.1.0

[hypest]

In addition, rotating the device with the block picker open on Android makes the keyboard appear. This doesn't cause any issues once the keyboard is closed, but it does interfere with viewing/interacting with the block picker.

I think that's covered in #1333

[designsimply]

Fixed in #1495. Props @etoledom. 🎉