Gutenberg: Surface citation for Quote block

[jasmussen]

The biggest benefit of blocks is that we can surface, right there contextually in the UI, semantic attributes and tags that are helpful.

For a quote block, that would be a citation. Let's surface that:

[karmatosed]

This makes me think of a benefit of blocks of normalising styling. Block styles can get lost sometimes in a sea of text, this sometimes is worse if you had an overly enthusiastic editor stylesheet to the mix. I can see how having something like above helps a lot more people easily read and recognise content.

I'm also wondering if we don't just remove or at least rethink how editor styling happens. I think the rethink is probably a good route to go, but it's one I think is something we may need to set more boundaries for or at least guide better.

One thing that I've seen drive users (and also myself) to distraction is having to scroll up to style or even having to root around in sub-sub-sections to find that. This also removes that 👍

[metricjs]

What would the user then do if they don't want to add something like a citation (e.g. if they've put the citation in the paragraph before)? Should they be able to backspace the citation field to remove it, and if so how do they then get it back if they change their mind? Would there have to be a toolbar button for that? If not, could the behaviour be that if they don't enter anything for a citation, that field disappears when they focus a different block? Is that intuitive, or might it be too confusing? That would probably require some kind of explanation or indicator, whether that was textual and/or via styling.

I think I remember mention on another ticket of making fields such as citations separate, or at least semi-separate, and maybe that could help here.

[jasmussen]

What would the user then do if they don't want to add something like a citation (e.g. if they've put the citation in the paragraph before)?

That's a great question which isn't served well by the static single mockup. Please see updated quote mockups here: https://github.com/WordPress/gutenberg/issues/198 — that thread includes mockups for neutral and selected states. In the neutral state, if a caption hasn't been filled out, it doesn't show up. It only actually shows up as an input field when you select the block. So what you suggest, basically :)

[ellatrix]

So we'll add possible fields on select, and remove them if nothing is filled in? Also remove any caption/citation buttons? Sounds good to me.

[jasmussen]

This is done in both prototypes.