Skip to content

GradientPicker value gets cut off in block editor sidebar Popovers #45781

@chad1008

Description

@chad1008

Description

When using an AnglePickerControl to adjust a value like the angle of a gradient, the value displayed for the current angle gets cut off if it's more than two digits long, when you'd expect the entire numerical value to remain visible.

This isn't reproducible in Storybook when viewing GraidentPicker directly - it appears to be a result of the padding applied by the clock editors color selection component.

Step-by-step reproduction instructions

  1. Create a new post or page
  2. Create a new paragraph block
  3. In the block settings, edit the background color
  4. Select the Gradient tab
  5. Use the GradientPicker control to change the angle to any value with three digits

Screenshots, screen recording, code snippet

Screen Shot 2022-11-14 at 14 34 35

Environment info

WP 6.2-alpha-54791
GB 14.5.0
Chrome 107.0.5304.110

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

[Package] Block editor/packages/block-editor[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