Rich Text Component - Issues With Images

Category

[ ] Enhancement

[ x ] Bug

[ ] Question

Version

Please specify what version of the library you are using: [ 3.15.0 ]

Expected / Desired Behavior / Question

When an image is added using the image icon tool in the Rich Text component, if the image is larger than the rich text editor's container, it is resized and contained within it's container while in edit mode. But when the page is viewed and is not in edit mode the image will render at it's original size. So the behaviour in edit mode doesn't match the way appears when published.

Observed Behavior

An image which is wider than the Rich Text components container will render at it's original size within the container, but without overflow. Additionally, the tools which allow you to edit the width and height of the image and apply styling to it seem to appear randomly and infrequently when the image is double clicked on and even when it does, the width, height etc will not save.

Steps to Reproduce

Here is a screenshot while in edit mode:

Here is a screenshot while not in edit mode (The image goes way down the page):

And here is a screenshot of the image properties dialog box which comes up very infrequently and randomly. But when it does, the properties don't save anyway:

Start with the Rich Text component implementation and reproduce the issue using version 3.15.0. Compare image rendering in edit and published modes, then investigate why the image properties dialog appears inconsistently and does not persist width, height, or styling changes. Done means oversized images render consistently and image property changes save correctly.