Indicate when blocks are not inside valid parents in the editor #53815
Description
What problem does this address?
from user @stacimc
What is your proposed solution?
Visually indicate to the user that these blocks are not valid. Pasting a <li> outside of an <ol> or <ul> is just bad markup, and there is no benefit in giving the user the ability to do this. There IS benefit in letting the user paste social links outside of a social list, so there is no catchall solution.
However, its important to note that when the issue was brought to my attention from within our organization, this was absolutely not something they did on purpose - therefore they broke the markup without fully understanding what it was that they actually did.
The lack of user feedback is something that definitely should be addressed, imo. It can be unobtrusive, and only in the list view (as I'm unsure of how to appropriately include it in the editor proper) - a warning icon w/ tooltip explaining that its not inside a valid parent + what parents are valid.
Example UI:
https://www.screencast.com/t/SfSSzRJ0
