Modifying Cover block overlay color removes the color entirely

[dcalhoun]

Description

When modifying the overlay color for a Cover block, the selected color or gradient is not correctly applied. Instead, the color is removed entirely. Additionally, when selecting a gradient and navigating backwards, the Cover block settings renders an empty bottom sheet with no visible controls.

This may be related to #36841 or #37042.

Step-by-step reproduction instructions

1. Add a Cover block.
2. Select a color.
3. Open the block settings.
4. Tap Color.
5. Select a different color.
6. ⚠️ The color is not applied.
7. Tap Gradient.
8. Select a gradient.
9. ⚠️ The gradient is not applied.
10. Tap Back.

Expected behaviour

The selected color or gradient is applied as an overlay for the Cover block and the block settings are visible.

Actual behaviour

The selected color or gradient is not applied as an overlay for the Cover block and the block settings are invisible.

Screenshots or screen recording (optional)

RPReplay_Final1638976327.MP4

WordPress information

• WordPress version: 5.8.2
• Gutenberg version: 12.1.0
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? No, Seedlet.

Device information

• Device: iPhone 13 mini
• Operating system: iOS 15.2
• WordPress app version: 670953c9258a015f0b9cafede12b0d72ceb9d389

[dcalhoun]

From a git bisect, it appears this regression may have been introduced with #36841.