Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

File block issue with Go #873

Open
gdaleks opened this issue Jun 21, 2023 · 2 comments
Open

File block issue with Go #873

gdaleks opened this issue Jun 21, 2023 · 2 comments
Labels
[Type] Bug Something that is not working as expected

Comments

@gdaleks
Copy link

gdaleks commented Jun 21, 2023

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/

@gdaleks gdaleks added the [Type] Bug Something that is not working as expected label Jun 21, 2023
@EvanHerman
Copy link
Contributor

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
Copy link

burtonrodman commented Jul 1, 2023

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; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Bug Something that is not working as expected
Projects
None yet
Development

No branches or pull requests

3 participants