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

Experiment with Hover Preview on Options #13

Open
georgeolaru opened this issue Jul 16, 2019 · 2 comments
Open

Experiment with Hover Preview on Options #13

georgeolaru opened this issue Jul 16, 2019 · 2 comments

Comments

@georgeolaru
Copy link
Member

Paste app has a surprisingly intuitive UX flow when previewing options which use the "hover" event instead of "click & try".

Screen Recording 2019-07-16 at 01 48 PM

I think the same approach could be applied to some of the options from a block and make user decision easier to take.

@razwan have a look and let's see how it feels in Gutenberg context.

@georgeolaru
Copy link
Member Author

georgeolaru commented Jul 18, 2019

@razwan already made a prototype on this branch: https://github.com/pixelgrade/nova-blocks/tree/13-options-hover-preview


It feels great so far (at least for the Text Alignment) —  let's keep this open and look forward to testing other options that could work in a similar fashion:

Screen Recording 2019-07-18 at 04 31 PM

@razwan
Copy link
Member

razwan commented Jul 22, 2019

@georgeolaru looks like we cannot handle mouse events on some controls like selects and radio buttons (probably others also) in which case we would need to implement our own controls.

We could try to replicate the radio control component and add the preview feature just to have all the controls for the Media Card block working properly. I don't think implementing the feature this way is a good idea in the long run.

I also don't think this kind of feature would get implemented in Gutenberg anytime soon but we could try to stir up some discussions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants