Skip to content

Accordion: allow validation messages to overflow in opened items (T1327641)#33512

Merged
pharret31 merged 5 commits intoDevExpress:26_1from
pharret31:26_1_4086-validation-message-truncation-in-accordion
May 7, 2026
Merged

Accordion: allow validation messages to overflow in opened items (T1327641)#33512
pharret31 merged 5 commits intoDevExpress:26_1from
pharret31:26_1_4086-validation-message-truncation-in-accordion

Conversation

@pharret31
Copy link
Copy Markdown
Contributor

No description provided.

@pharret31 pharret31 self-assigned this May 6, 2026
@pharret31 pharret31 added the 26_1 label May 6, 2026
Copilot AI review requested due to automatic review settings May 6, 2026 14:45
@pharret31 pharret31 requested a review from a team as a code owner May 6, 2026 14:45
Copy link
Copy Markdown
Contributor

Copilot AI left a 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 updates the DevExtreme Accordion’s runtime styling so validation messages (and other content) can visually overflow outside an opened item after the expand animation completes, and adds QUnit coverage to lock in the expected behavior.

Changes:

  • Reset inline overflow on items (and their bodies) when a height update/animation starts, so closing/opening transitions don’t keep overflow: visible.
  • Apply overflow: visible to opened items (and their bodies) once the open animation finishes.
  • Add QUnit tests covering opened/closed behavior, multiple mode, close-start reset, post-animation application, and reopen restoration.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
packages/devextreme/testing/tests/DevExpress.ui.widgets/accordion.tests.js Adds a new test module validating overflow behavior across open/close scenarios and animation timing.
packages/devextreme/js/__internal/ui/accordion.ts Resets overflow at animation start and sets overflow: visible for opened items after animation completion.

Comment thread packages/devextreme/js/__internal/ui/accordion.ts
Comment thread packages/devextreme/js/__internal/ui/accordion.ts Outdated
Copilot AI review requested due to automatic review settings May 7, 2026 08:56
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

Comment thread packages/devextreme/testing/tests/DevExpress.ui.widgets/accordion.tests.js Outdated
Comment thread packages/devextreme/testing/tests/DevExpress.ui.widgets/accordion.tests.js Outdated
Copilot AI review requested due to automatic review settings May 7, 2026 10:19
@pharret31 pharret31 force-pushed the 26_1_4086-validation-message-truncation-in-accordion branch from aaa640a to db7c6a3 Compare May 7, 2026 10:21
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 2 out of 3 changed files in this pull request and generated 2 comments.

@pharret31 pharret31 merged commit 1aaa7ca into DevExpress:26_1 May 7, 2026
103 checks passed
@pharret31 pharret31 deleted the 26_1_4086-validation-message-truncation-in-accordion branch May 7, 2026 12:00
marker-dao pushed a commit to marker-dao/DevExtreme that referenced this pull request May 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants