diff --git a/docs/updating/update-to-40.md b/docs/updating/update-to-40.md index ec723c96ad4..fca06e7573c 100644 --- a/docs/updating/update-to-40.md +++ b/docs/updating/update-to-40.md @@ -32,6 +32,38 @@ This release introduces changes to the {@link features/images-overview image fea * Changes to an image (such as resize, etc.) will trigger the creation of those attributes. These attributes are crucial to proper content handling, and actions on a current image that does not have these improve this image's markup. * The `aspect-ratio` attribute has been added to the image's properties to handle situations when the file is resized or scaled with a tweaked aspect ratio. +Image output HTML before: + +```html +
+ +
+``` + +Image output HTML after (added the `width` and `height` attributes): + +```html ++ +
+``` + +Resized image output HTML before: + +```html ++ +
+``` + +Resized image output HTML after (added the `aspect-ratio` style and the `width` and `height` attributes): + +```html ++ +
+``` + #### Changes to the model Due to the introduction of this new behavior, the following changes to model attributes have been introduced: @@ -46,13 +78,37 @@ Therefore, the relation between styles and attributes toward model attributes lo * Attribute `width` → model `width` (new). * Attribute `height` → model `height` (new). +Given the following input HTML: + +```html ++ +
+``` + +Previously, the model would set the resized value in the `width` model attribute and ignore the input `width` and `height` attributes: + +```html +