[wp-trac] [WordPress Trac] #46785: Twenty Seventeen: Floated Images appear with extra space on top on the front end.

[WordPress Trac]

#46785: Twenty Seventeen: Floated Images appear with extra space on top on the
front end.
---------------------------+-----------------------------
 Reporter:  kjellr         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  5.1
 Severity:  normal         |   Keywords:  has-screenshots
  Focuses:                 |
---------------------------+-----------------------------
 ''Ported over from Gutenberg's repo, since this is a Twenty Seventeen
 issue:''
 https://github.com/WordPress/gutenberg/issues/14782

 **Steps to reproduce**

 1. Create a new page, add an image block and insert image.
 2. Add a paragraph block below with text.
 3. Resize image and change to left alignment. Text wraps around image.
 4. Preview/publish

 **What I expected**

 Expected the image and text to be almost exactly aligned, as it appears in
 the editor.

 **What happened instead**

 When previewed/published, the first line of text has a gap above it.

 Workaround: Adding an empty paragraph block above the image block removes
 the gap.

 **Browser / OS version**

 Chrome Version 73.0.3683.86
 macOS Mojave 10.14.3


 ----


 **Screenshots**

 Page creation:
 [[Image(https://cldup.com/whURZYOf-k.gif)]]

 Before adding empty paragraph block:
 [[Image(https://cldup.com/QiGnsXicGs-1200x1200.png)]]

 Empty paragraph block applied in editor:
 [[Image(https://cldup.com/QOrcLW8iWM-3000x3000.png)]]

 After adding empty paragraph block:
 [[Image(https://cldup.com/AgAjLakQ6b-3000x3000.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46785>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform