-
Notifications
You must be signed in to change notification settings - Fork 278
fix(ui5-dialog): fix dialog resizing in RTL mode when max-width is set #12304
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good.
Unsubscribe
…On Wed, 17 Sept, 2025, 12:03 pm Dimitar Stoev, ***@***.***> wrote:
***@***.**** commented on this pull request.
Looks good.
—
Reply to this email directly, view it on GitHub
<#12304 (review)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/A5T6Q74H2TNCNF4YIDEA3CT3TD6D3AVCNFSM6AAAAACGKXXRN2VHI2DSMVQWIX3LMV43YUDVNRWFEZLROVSXG5CSMV3GSZLXHMZTEMZSHA3DOMRTHE>
.
You are receiving this because you are subscribed to this thread.Message
ID: ***@***.***>
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR fixes a bug with dialog resizing in RTL (right-to-left) mode when a max-width CSS property is set. The issue occurred because the dialog would move unexpectedly during resizing due to incorrect left position calculations when CSS constraints affected the actual rendered width.
- Adds width assignment before calculating position deltas in RTL resize logic
- Calculates the difference between intended and actual width to adjust position correctly
- Includes comprehensive Cypress test coverage for the RTL max-width resizing scenario
Reviewed Changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.
File | Description |
---|---|
packages/main/src/Dialog.ts | Fixes RTL resizing logic by setting width first and calculating delta for position adjustment |
packages/main/cypress/specs/Dialog.cy.tsx | Adds test case to verify dialog position stability during RTL resizing with max-width constraints |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add this case in the Dialog.html test page for easy testing.
fixes: #12294