Directory

Image block: When you set "Expand on click" for an image, border radius is not maintained when expanding · Issue #55791 · WordPress/gutenberg · GitHub
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.

Sign up for GitHub

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

Jump to bottom

Image block: When you set "Expand on click" for an image, border radius is not maintained when expanding #55791

Open
shimotmk opened this issue Nov 2, 2023 · 1 comment
Open

Image block: When you set "Expand on click" for an image, border radius is not maintained when expanding #55791

shimotmk opened this issue Nov 2, 2023 · 1 comment
Labels
[Block] Image Affects the Image Block [Feature] Interactivity API API to add frontend interactivity to blocks. Needs Testing Needs further testing to be confirmed. [Status] Stale Gives the original author opportunity to update before closing. Can be reopened as needed. [Type] Bug An existing feature does not function as intended

Comments

@shimotmk
Copy link
Contributor

shimotmk commented Nov 2, 2023 •
edited by jordesign

Description

When you set "Expand on click" for an image with a border radius, the expanded image does not have a border raduys.

Step-by-step reproduction instructions

  1. Place Image Block.
    Or paste the HTML below.
<!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none","style":{"border":{"width":"29px","color":"#d8613c","radius":"100px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="https://s.w.org/images/core/5.3/MtBlanc1.jpg" alt="" class="has-border-color" style="border-color:#d8613c;border-width:29px;border-radius:100px"/></figure>
<!-- /wp:image -->
  1. Change the border color and border radius.
  2. Setting "Expand on click".
  3. Please display the page and click on the image.
  4. You can confirm that the enlarged image does not have a border set.
  5. Changing the aspect ratio will cause images with borders to be enlarged.

Screenshots, screen recording, code snippet

image-border.mp4

Environment info

  • WordPress: 6.4-RC3
  • PHP: 8.0.0
  • Server: nginx/1.16.0
  • Database: mysqli (Server: 8.0.16 / Client: 8.0.0)
  • Browser: Chrome 118.0.0.0 (macOS)
  • Theme: Twenty Twenty-Four 1.0
  • MU-Plugins: None activated
  • Plugins:
    • WordPress Beta Tester 3.5.5

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes
@jordesign jordesign changed the title Image block: When you set "Expand on click" for an image with a border, the expanded image does not have a border. Image block: When you set "Expand on click" for an image, border radius is not maintained when expanding Nov 2, 2023
@jordesign jordesign added [Type] Bug An existing feature does not function as intended Needs Testing Needs further testing to be confirmed. [Block] Image Affects the Image Block [Feature] Interactivity API API to add frontend interactivity to blocks. labels Nov 2, 2023
@github-actions GitHub Actions
Copy link

github-actions bot commented Dec 3, 2023

Hi,
This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.

@github-actions github-actions bot added the [Status] Stale Gives the original author opportunity to update before closing. Can be reopened as needed. label Dec 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Block] Image Affects the Image Block [Feature] Interactivity API API to add frontend interactivity to blocks. Needs Testing Needs further testing to be confirmed. [Status] Stale Gives the original author opportunity to update before closing. Can be reopened as needed. [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jordesign @shimotmk