You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
stacimc opened this issue
Dec 23, 2021
· 1 comment
Labels
[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.
In #36186 it was noticed that some of the spacing units, in particular em and rem, are configured with a very small step value. This means that when you hold the 'up' or 'down' key to change spacing, em moves very slowly compared to px for example.
Here's a visual using the height of the Spacer block:
px-vs-em-step.mov
It's perhaps more noticeable on mobile, because the UnitControl has its own increment/decrement buttons:
The step value comes from the configuration here and was introduced in #32692.
Step-by-step reproduction instructions
In the block editor, insert a block that supports some spacing value. Cover is a good example, with its minHeight attribute.
Adjust the value of the minHeight in the Inspector Controls, by clicking into the input and holding the up or down arrow key. On mobile use the up/down buttons.
Try this with several different units, and notice that the em and rem increment is noticeably smaller/slower.
Screenshots, screen recording, code snippet
No response
Environment info
No response
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
The text was updated successfully, but these errors were encountered:
Another perspective to consider is that most using the step functionality will be doing so to fine-tune a value rather than set it for these units. The small step value makes more sense in this case.
[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.
Description
In #36186 it was noticed that some of the spacing units, in particular
em
andrem
, are configured with a very small step value. This means that when you hold the 'up' or 'down' key to change spacing,em
moves very slowly compared topx
for example.Here's a visual using the height of the Spacer block:
px-vs-em-step.mov
It's perhaps more noticeable on mobile, because the
UnitControl
has its own increment/decrement buttons:The step value comes from the configuration here and was introduced in #32692.
Step-by-step reproduction instructions
Cover
is a good example, with itsminHeight
attribute.em
andrem
increment is noticeably smaller/slower.Screenshots, screen recording, code snippet
No response
Environment info
No response
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
The text was updated successfully, but these errors were encountered: