Skip to content

fix(ui5-dialog): dialog right-edge anchor drifts when resizing in RTL mode #13813

Description

@nnaydenow

Summary

The test "dialog remains anchored after resizing in RTL mode" is currently skipped via it.skip in packages/main/cypress/specs/Dialog.cy.tsx due to an intermittent assertion failure.

Error

AssertionError: expected 715 to equal 320
  at Dialog.cy.tsx:735

  + expected - actual
  -715
  +320

The assertion at line 735 checks that after a large rightward drag (realMouseMove(420, 0)), the dialog reaches its minimum width of 320px.

Root Cause Hypothesis

When resizing the dialog in RTL mode, the resize handle mouse delta may not be correctly translated to a width reduction — because in RTL the coordinate direction is mirrored. As a result:

  • The dialog does not consistently clamp to minWidth (320px)
  • The right-edge anchor position may drift instead of staying fixed

Steps to Fix

  • Verify that the resize handle in RTL mode correctly maps mouse movement to width reduction (direction is mirrored vs LTR)
  • Ensure the minWidth clamp (320px) is applied regardless of drag direction
  • Verify the right-edge of the dialog remains anchored at its initial position after multiple resize steps
  • Remove it.skip in packages/main/cypress/specs/Dialog.cy.tsx once fixed and confirm the test passes consistently in CI

Related

Skipped in: packages/main/cypress/specs/Dialog.cy.tsx (branch skip-flaky-tests)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Fields

    No fields configured for Bug.

    Projects

    Status
    New Issues

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions