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

Browser like Undo/Redo in Editor #14626

Open
HardeepAsrani opened this issue Mar 25, 2019 · 8 comments
Open

Browser like Undo/Redo in Editor #14626

HardeepAsrani opened this issue Mar 25, 2019 · 8 comments
Labels
[Feature] History History, undo, redo, revisions, autosave. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@HardeepAsrani
Copy link
Contributor

Right now when you do Undo/Redo in Gutenberg, it looks something like this:

Screen Shot 2019-03-26 at 2 22 15 AM

You basically press Undo a million times to finally get to your desired result. We can have it similar to how web browsers work:

Browser

It will be a great experience. Suggested by local meetup co-organizer @Phantom-Cluster

@swissspidy swissspidy added the [Feature] History History, undo, redo, revisions, autosave. label Mar 25, 2019
@ellatrix
Copy link
Member

Could you elaborate more on what you're suggesting? I don't get what we would show in this list.

@ellatrix ellatrix added [Type] Enhancement A suggestion for improvement. [Status] Needs More Info Follow-up required in order to be actionable. labels Mar 28, 2019
@HardeepAsrani
Copy link
Contributor Author

@ellatrix When you click on Undo button, it takes you to the last action you performed. When you click and hold on Undo, it will give you list of all the previous actions you took in the editing session so you can revert back to old state of editor. 😄

@ellatrix
Copy link
Member

I understand your proposal, but I don't get what we should display in the list. I suspect there will just be a lot of typing actions and some more things... What would it look like?

@HardeepAsrani
Copy link
Contributor Author

We will have to categorize the items, like "Block Removed: Block Name," "Block Added: Paragraph"

@HardeepAsrani
Copy link
Contributor Author

It can have the similar UI as Block Navigator. The normal undo seems very backward when working with blocks.

@ellatrix
Copy link
Member

It doesn't sound like a bad idea. Most of the history records will be typing. Maybe we could collapse those into one item "Typing (12)". In any case, it would be cool to have a history manager, whether it is a drop down or a modal, to easily navigate through it. This is already done for revisions. Maybe there's a way to all unify it.

@HardeepAsrani
Copy link
Contributor Author

Typing history that's less than a sentence of X number of words can be ignored?

@aduth aduth removed the [Status] Needs More Info Follow-up required in order to be actionable. label Apr 22, 2019
@mtias mtias added Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement. and removed [Type] Enhancement A suggestion for improvement. labels Aug 30, 2020
@karmatosed
Copy link
Member

This issue came up in this week's design triage session. There is as already outlined an issue with how granular this could get. As revisions already exist, perhaps seeing this as a way to improve and iterate there could be an opportunity. That said, this feels like something a plugin could really dig into and see perhaps what potential there is and interest.

It's worth noting that an editing experience is a little different from a browsing one, so that's where the balance of 'how much' would need to be worked on. It's an interesting idea, just needs some deeper exploring before diving into a solution. In light of revisions being ripe for iteration and collaborative editing in the future, that feels like a good place to go further with this then.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] History History, undo, redo, revisions, autosave. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

6 participants