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.

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

Image Block: Surface autocomplete width options #64822

Open
jasmussen opened this issue Aug 27, 2024 · 0 comments
Open

Image Block: Surface autocomplete width options #64822

jasmussen opened this issue Aug 27, 2024 · 0 comments
Labels
[Block] Image Affects the Image Block [Package] Components /packages/components [Priority] Low Used to indicate that the issue at hand isn't a top priority to address and can be handled later [Type] Enhancement A suggestion for improvement.

Comments

@jasmussen
Copy link
Contributor

The Image block used to have 25/50/75/100% image width shortcuts, that were removed in order to not interfere with the aspect ratio control.

Yet for specific use cases, such as posting a screenshot that should be 2x density, or inserting smaller UI elements such as a PNG logo that should also be high density, the shortcuts provide a much easier way to set fractions of the intrinsic dimensions of the image.

Here's a mockup showing a new approach to surfacing these options, contextually:

Image scaling, manual, i2

When focusing the Width or even Height input fields, an autocomplete-style suggestion dropdown would appear, giving you shortcuts. Type to search and press Enter to apply, or type your number manually.

Note that this suggestion would require a refactoring of the ComboBox component in order to be feasible, so it's not trivial to implement, but would be a nice enhancement down the road.

@jasmussen jasmussen added [Type] Enhancement A suggestion for improvement. [Priority] Low Used to indicate that the issue at hand isn't a top priority to address and can be handled later [Package] Components /packages/components [Block] Image Affects the Image Block labels Aug 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Image Affects the Image Block [Package] Components /packages/components [Priority] Low Used to indicate that the issue at hand isn't a top priority to address and can be handled later [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

1 participant