Left or right aligned YouTube embed is small and disappears when selected

[brandonpayton]

Describe the bug
When a YouTube block is aligned left or right, it becomes very small, and when you click within the block's bounds, the video disappears.

This occurs with the YouTube block but not with a generic embed block with a YouTube URL.

To Reproduce
Steps to reproduce the behavior:

1. Create a post.
2. Insert a YouTube block.
3. Specify a YouTube URL for the block.
4. Left align the block and observe it is much smaller in size.
5. Click within the block boundary but outside the video and observe the video disappears.

Expected behavior
The video would be left aligned and would remain a reasonable size.

Screenshots

Desktop (please complete the following information):

• OS: macOS 10.13.6
• Browser: Chrome
• Version: 69.0.3497.100

Additional context

• Gutenberg version: 0a103bc (master, soon after 3.9 release)

[saulirajala]

I can confirm this bug. I tested with Safari 12.0 on MacOS 10.13.6 with fresh WordPress install (runs in docker setup of Gutenberg).

The block data is still around, when you switch to Code editor:

The problem seems to be with float:left; css-definition assigned to .editor-block-list__layout .editor-block-list__block[data-align="left"] > .editor-block-list__block-edit. When you set float to off, youtube embed is visible again:

[brandonpayton]

This appears to be fixed. I'm able to reproduce the issue with 3.9 but no longer on master.