Skip to content

Button block border does not appear properly in editor side. #59308

@viralsampat-multidots

Description

@viralsampat-multidots

Description

Hello,

I have reviewed the button block and found that its "Outline" border does not appear properly on the editor side. I have checked this issue with two different themes(Twenty Twenty Two & Twenty Twenty-Four).

Here, I have attached its screenshots.

Step-by-step reproduction instructions

  • Type / to choose a block
  • Select Button block
  • Add button text.
  • Change the button style to "Outline"
  • Change button text color & button background color.
  • Save the changes and publish the page.
  • Then open the page "Preview in new tab"

Screenshots, screen recording, code snippet

Editor-end: editor_end

Front-end: front_end

Environment info

  • WordPress version: WordPress 6.5-beta2 running,
  • Theme: Twenty Twenty-Four Version: 1.0
  • Browser: Google Chrome, Version 121.0.6167.184 (Official Build) (arm64)
  • Device: MacBook Air M1
  • OS: macOS 14.3.1 (23D60)
  • Gutenberg plugin: Version 17.7.0

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] ButtonsAffects the Buttons Block[Status] Needs More InfoFollow-up required in order to be actionable.[Status] StaleGives the original author opportunity to update before closing. Can be reopened as needed.[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions