UPDATE - the inability to resize was caused by an interaction between the CK Editor Embed and the CK Editor Media Resize (see CK Editor Media Resize post 🐛 Can't resize image width to < 240px Active ), for which I found a workaround.
UPDATE
The reason it's happening is this code in mediaembed.css
:
.ck-content .media {
/* Give the media some minimal width in the content to prevent them
from being "squashed" in tight spaces, e.g. in table cells (#44) */
min-width: 15em;
}
This selector matches my Drupal image when editing, and stops it being shrunk any further than 15em = 240px. I'm unsure why this CSS isn't being loaded in my brand-new build, but regardless this _seems_ like a bug.
stuart.mcgill → created an issue.
I've made some progress - the Media plugin setting "Allow the user to override the default view mode" needs to be checked, and that means the styles now appear and can be selected.
However there is still a limitation to 240px. If I select CKE Media Resize Small (which is 200px width) then the size goes to 240px. And the drag handles still won't go below 240px...
Thanks for the reply - I should clarify the styles are only 'missing' in the sense that they don't appear in the edit image dialog in CK Editor.
They are there in the first project under /admin/structure/media/manage/image/display:
- Default
- Media library
- CK Editor Media Resize x 4