Skip to content

Button element settings in theme.json breaks the Fill/Outline button functionality #42097

@matiasbenedetto

Description

@matiasbenedetto

Description

If you set border settings for the button element, the Fill/Outline functionality works not consistently.

Step-by-step reproduction instructions

  1. Activate emptytheme to discard theme interferences
  2. Add this snippet to theme.json
{
	"styles": {
		"elements": {
			"button": {
				"border": {
					"color": "red",
					"style": "solid",
					"width": "10px"
				},
				"color": {
					"background": "orange",
					"text": "blue"
				}
			}
		}
	}	
}


  1. Add a button element
  2. Try to set outline style and change the button colors as in the video

Screenshots, screen recording, code snippet

button3.mp4

Environment info

  • Wordpress 6.0
  • Gutenberg 13.5.1WordPress

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

Labels

[Block] ButtonsAffects the Buttons Block[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