[MGNLDAM-870] CLONE - Image preview overflows in compatibility app Created: 27/Aug/20  Updated: 04/Sep/20  Resolved: 03/Sep/20

Status: Closed
Project: Magnolia DAM Module
Component/s: None
Affects Version/s: 3.0.3
Fix Version/s: 3.0.3

Type: Bug Priority: Neutral
Reporter: Lam Nguyen Bao Assignee: Lam Nguyen Bao
Resolution: Fixed Votes: 0
Labels: 62-UI-2
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2020-06-15 at 11.06.39.png     PNG File Screenshot 2020-06-15 at 11.06.54.png    
Issue Links:
Cloners
clones MGNLUI-5965 Image preview overflows in compatibil... Closed
Relates
relates to MGNLUI-5979 in 6.2.2 There is no preview for link... Closed
causality
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Epic Link: M6 UI & UX Improvements
Sprint: CM & OC 10
Story Points: 0

 Description   

When using the compatibility layer, i.e. the old pages app, image preview within a dialog overflows the dialog screen. As a consequence, you cannot see the entire image in some cases and the detail button (the magnifying glass icon) is missing as it is located outside the dialog screen.

Steps to reproduce:

  1. Create a dialog definition containing a LinkField to assets with a contentPreviewDefinition (Use the attached dialog definition test-dialog.yaml)
  2. Open the dialog and choose an asset
  3. When the dialog is loaded, preview is not entirely shown as part of it overflows the dialog screen:

    Expected Result: Preview is completely located within the dialog screen and detail button is shown:

    Changing the width of file-preview-area element to 100%, preview is shown correctly as in the previous screenshot.

It seems that this was specifically changed for Magnolia 6 new UI in MGNLUI-4781 UI polishing


Generated at Mon Feb 12 05:04:06 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.