Right now in Drupal 8, if you go to
node/add/article, type the highlights of your article in a few words, click the "Image" button, upload an image, hit "Save", you get this:
So we have a great UX for everything up to the point and including uploading & inserting an image. But once it's inserted, it's… awkward.
(The same problem exists when you have finished writing your article — even if it's text-only — you have to manually resize CKEditor.)
Use CKEditor's (GPL!) AutoGrow plug-in. Then it would have looked like this instead:
A demo of the AutoGrow plug-in is available online: http://ckeditor.com/demo#auto-grow
Build consensus that this is desirable. Wait for. Wait for CKEditor to add support for "smart" autogrowing: https://dev.ckeditor.com/ticket/12120 Create a new build that includes it.
- Accessibility review: See testing of the zoom behavior in #122. Might be good to get accessibility signoff on the feature or see if any other accessibility testing is needed.
- Usability review: the usability team already agreed on this feature, in general, being a UX improvement.
- Add screenshots to the summary comparing autogrow and resize.
- Test thoroughly on mobile and post screenshots (including uploading a large image and posting long text, watching the autogrow, saving the node, and revisiting the node.
- Decide whether to use the
autoGrow_onStartupto make the behavior more consistent on node load (see #98, #115, #118.
- Decide whether the loss of resize and subsequent regression on large screens (#114) is an acceptable tradeoff for the usability improvement in the 80% case (usability team signoff). See this screenshot for the unused screen space without resize.
- Decide whether to expose configuration options in the UI (this could also be a followup).
User interface changes
None, other than that the CKEditor iframe instances will grow along automatically.