[MGNLUI-7024] Twin column styles are not correct when column is empty Created: 28/Jan/22  Updated: 08/Mar/23

Status: Open
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.2.15
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Jonathan Ayala Assignee: Unassigned
Resolution: Unresolved Votes: 1
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2022-01-28 at 09.35.23.png     PNG File Screenshot 2022-01-28 at 09.36.22.png     PNG File Screenshot 2022-01-28 at 09.38.47.png     PNG File Screenshot 2022-01-28 at 09.39.00.png    
Issue Links:
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: Nucleus Quality Maintenance
Team: Nucleus

 Description   

Steps to reproduce

  1. Add a twin column field in a dialog.
  2. Open the dialog to create a new item so there's no data in the right column  

Expected results

Columns have exactly same size

Actual results

The empty column is smaller, which visually affects the user experience. This is more noticeable in Firefox than in Chrome:

  • Chrome
  • Firefox

Development notes

The issue occurs when any of the columns is empty, if passing all the elements to the right column then the left column looks smaller.

As soon as both contains at least one element the size looks fine.


Generated at Mon Feb 12 09:42:22 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.