Skip to content

Popup: take the drag and resize area from the view port - #35301

Merged
EugeniyKiyashko merged 1 commit into
DevExpress:mainfrom
EugeniyKiyashko:fix/popup-drag-area-in-swatch
Sep 23, 2026
Merged

EugeniyKiyashko merged 1 commit into
DevExpress:mainfrom
EugeniyKiyashko:fix/popup-drag-area-in-swatch

Conversation

@EugeniyKiyashko

Copy link
Copy Markdown
Contributor

No description provided.

@EugeniyKiyashko
EugeniyKiyashko requested a review from a team as a code owner September 22, 2026 19:13
Copilot AI lite review requested due to automatic review settings September 22, 2026 19:13
@EugeniyKiyashko EugeniyKiyashko self-assigned this Sep 22, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟢 Approval recommended

Changes are covered by unit, QUnit, and end-to-end tests with no unresolved review comments.

Review effort: Lite
Findings: None

What changed in this PR

Updates popup drag and resize boundaries to use the configured viewport instead of swatch markup containers.

Changes:

  • Adjusts boundary selection precedence.
  • Adds unit and QUnit regression coverage.
  • Adds end-to-end swatch dragging coverage.
File Reviewed changes
packages/​devextreme/​testing/​tests/​DevExpress.ui.widgets/​popup.tests.js Adds popup drag and resize regression tests.
packages/​devextreme/​js/​__internal/​ui/​popup/​popup_position_controller.ts Selects the appropriate drag and resize boundary.
packages/​devextreme/​js/​__internal/​ui/​popup/​__tests__/​popup_position_controller.test.ts Adds boundary-selection tests.
e2e/​testcafe-devextreme/​tests/​editors/​overlays/​popup.drag.ts Adds swatch-scoped end-to-end drag coverage.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@EugeniyKiyashko
EugeniyKiyashko force-pushed the fix/popup-drag-area-in-swatch branch from 22d747c to 11b43e3 Compare September 22, 2026 20:21
Copilot AI review requested due to automatic review settings September 22, 2026 20:21

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟢 Approval recommended

No unresolved review comments were identified, and the supplied assessments indicate approval readiness.

Review effort: Lite
Findings: None

Copilot AI review requested due to automatic review settings September 22, 2026 20:46
@EugeniyKiyashko
EugeniyKiyashko force-pushed the fix/popup-drag-area-in-swatch branch from 11b43e3 to d83ea46 Compare September 22, 2026 20:46

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🔵 Needs a closer look

The end-to-end test leaves the global viewport pointing to a detached element.

Review effort: Lite
Findings: None

A popup owned by an element inside a swatch could not be dragged at all, and
resizing shrank it instead of growing it. The area it may be moved within was
read off the markup container, which for such a popup is a bare div the view
port carries so the overlay is painted in the colours of the scope it was
opened from. That div has no box of its own - its only children are the
positioned overlay wrappers - so the area was a strip of zero height: drag was
refused outright, and resize clamped the height to a negative offset.

The area now comes from the container the popup was given, or from the view
port, and never from the markup container. Where the markup goes is unchanged.
@EugeniyKiyashko
EugeniyKiyashko force-pushed the fix/popup-drag-area-in-swatch branch from d83ea46 to 6abd1df Compare September 22, 2026 21:10
Copilot AI review requested due to automatic review settings September 22, 2026 21:10

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟢 Approval recommended

The reviewed changes are covered by unit, QUnit, and end-to-end tests with no unresolved issues.

Review effort: Lite
Findings: None

@EugeniyKiyashko
EugeniyKiyashko added this pull request to the merge queue Sep 23, 2026
Merged via the queue into DevExpress:main with commit 5f3445b Sep 23, 2026
126 checks passed
@EugeniyKiyashko
EugeniyKiyashko deleted the fix/popup-drag-area-in-swatch branch September 23, 2026 07:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants