godaddy-wordpress / go

The most flexible Gutenberg-first WordPress theme built for go-getters everywhere.
https://wordpress.org/themes/go/
GNU General Public License v2.0
327 stars 64 forks source link

File block issue with Go #873

Open gdaleks opened 1 year ago

gdaleks commented 1 year ago

The link and download button of the File block aren't wrapped below the file display when a PDF is uploaded: https://prnt.sc/LtTixOYjC4c6

This only happens on Go, while it doesn't happen when using a default theme: https://prnt.sc/pIsKdNdtrcM

Initially reported in the support forum: https://wordpress.org/support/topic/file-block-styles-missing-pdf-zoom/

EvanHerman commented 1 year ago

I am not sure what plugin you are referring to. If you have a link to the page where this is happening I can help look at the CSS on the page, but beyond that I can't provide much help because I don't know how to reproduce the issue.

burtonrodman commented 1 year ago

Here is a video recording reproducing the bug. https://youtu.be/kPA3z57zWPI

Steps:

  1. Install the Go Theme
  2. Create a Page that uses the Latest Posts Block to display posts from a category (include Post Content)
  3. Create a Post with a File block referencing a PDF file.

Actual Behavior: In the Post Editor, the Download link and buttons properly wrap underneath the PDF preview On the live Page, the download link and buttons do NOT wrap, but squash the preview to the left.

Expected Behavior: On the live Page, the download link and button wrap similar to the editor experience.

Workaround: Add Additional CSS: .wp-file-block { flex-wrap: wrap; }