plone / volto

React-based frontend for the Plone Content Management System
https://demo.plone.org/
MIT License
427 stars 575 forks source link

When I choose the alignment full option with any size option for a photo, it goes outside the block. #5936

Open danielnabil opened 1 month ago

danielnabil commented 1 month ago

Describe the bug When adding an image to a block and selecting the full alignment option, regardless of the image size, it goes outside the block. Even when I try to drag it, it overlaps with the sidebar.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'Page'
  2. Click on 'Add Photo'
  3. From Side Bar choose alignment option
  4. See error

Expected behavior It depends on the UI/UX but as a user I expect to be the same as center large option.

Screenshots WhatsApp Image 2024-04-01 at 01 06 49_fef160b2

Drag WhatsApp Image 2024-04-01 at 01 07 17_7ca2763b

Software (please complete the following information):

Additional context I'm unsure if the "full" alignment option is usable, and whether it's redundant for large and center alignments. If anyone has a clear opinion on this issue, please let me know.

stevepiercy commented 1 month ago

I think this issue is either related to, or a duplicate of, #5922.

danielnabil commented 1 month ago

@stevepiercy Before creating this issue, I searched for alignment issues and got this issue. However, in my issue, I am particularly concerned about the alignment full option, which results in the full-width image issue not wrapping within the block issue but overlapping with the sidebar instead. Thank you for your insights.

danielnabil commented 1 month ago

@stevepiercy I would like to work on this issue. Could you please clarify whether it is an issue or if it serves a purpose for the users?

stevepiercy commented 1 month ago

@danielnabil someone from the Volto Team will review this issue report when they have some time available. No need to tag individuals.