umbraco / Umbraco-CMS

Umbraco is a free and open source .NET content management system helping you deliver delightful digital experiences.
https://umbraco.com
MIT License
4.36k stars 2.64k forks source link

RTE Box can expand out of Block List container blox #15642

Open Eaglef90 opened 5 months ago

Eaglef90 commented 5 months ago

Which Umbraco version are you using? (Please write the exact version, example: 10.1.0)

13.1.0

Bug summary

If you have a RichText Editor property inside an element type used in a block list, you can expand outside of the default border for the block list editing interface when using inline editor and it will cause a scroll on the side pop-out when not using inline editor. Screenshot 2024-01-26 162739 Screenshot 2024-01-26 163235

Specifics

The default width of my RichText Editor is 650. I created an element type of two properties. The first was a simple text box and the second was the RTE. When I added that element type for use in a Block List. If I set up the block list to enable "inline editing" the RTE will break out of the border area making it look odd. If I set the inline editing mode to off then the side popout window will get a scroll bar because the RTE goes off-screen. (See attached screen shots)screenshots

Steps to reproduce

Create RichText Editor data type with a large (my case 600px) width Create new Element Type that has a property using above created RTE Create Block list that uses the above elemtn type as a property and set inline editing on or off depending on which issue you want to see. Create Content item using doctype that has the above block list in it.

Expected result / actual result

The side popout window should either expand to fit OR the RTE should shrink to fit when inline editing is turned off. When inline editing is turned on then the containing block should expand to fit the RTE so the RTE is encapsulated by the block and does not push out of it.

github-actions[bot] commented 5 months ago

Hi there @Eaglef90!

Firstly, a big thank you for raising this issue. Every piece of feedback we receive helps us to make Umbraco better.

We really appreciate your patience while we wait for our team to have a look at this but we wanted to let you know that we see this and share with you the plan for what comes next.

We wish we could work with everyone directly and assess your issue immediately but we're in the fortunate position of having lots of contributions to work with and only a few humans who are able to do it. We are making progress though and in the meantime, we will keep you in the loop and let you know when we have any questions.

Thanks, from your friendly Umbraco GitHub bot :robot: :slightly_smiling_face:

Migaroez commented 5 months ago

Hey @Eaglef90, thank you so much for the clear reproduction steps, I was able to reproduce it pretty easily.

Since this seems like a UI oversight, I am going to mark this as an up for grabs.

github-actions[bot] commented 5 months ago

Hi @Eaglef90,

We're writing to let you know that we would love some help with this issue. We feel that this issue is ideal to flag for a community member to work on it. Once flagged here, folk looking for issues to work on will know to look at yours. Of course, please feel free work on this yourself ;-). If there are any changes to this status, we'll be sure to let you know.

For more information about issues and states, have a look at this blog post.

Thanks muchly, from your friendly Umbraco GitHub bot :-)