Skip to content

dialog-confirm: native: fix overflow edge cases#7007

Merged
margaree merged 3 commits into
mainfrom
mpeacocke/dialog-confirm-fix-overflow-sizing
May 22, 2026
Merged

dialog-confirm: native: fix overflow edge cases#7007
margaree merged 3 commits into
mainfrom
mpeacocke/dialog-confirm-fix-overflow-sizing

Conversation

@margaree
Copy link
Copy Markdown
Contributor

@margaree margaree commented May 22, 2026

GAUD-10063

This fixes 2 overflow issues when using native dialogs with dialog-confirm:

  1. Unnecessary scrolling with slightly longer text:
Screenshot 2026-05-22 at 9 05 14 AM
  1. No content appearing when full height overflow:
Screenshot 2026-05-22 at 9 08 04 AM

Expected/post-fix behaviour for (1):
Screenshot 2026-05-22 at 9 05 26 AM

Expected/post-fix behaviour for (2):
Screenshot 2026-05-22 at 9 08 14 AM

${buttons}
</d2l-dialog-confirm>
` },
{ name: 'slighty-larger-critical', template: html`
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Note that I ran these tests on the main branch before running on this branch to confirm bug then fix but I could not get this one to fail as expected on main (it looked correct; within the demo it was broken)

@github-actions
Copy link
Copy Markdown
Contributor

Thanks for the PR! 🎉

We've deployed an automatic preview for this PR - you can see your changes here:

URL https://live.d2l.dev/prs/BrightspaceUI/core/pr-7007/

Note

The build needs to finish before your changes are deployed.
Changes to the PR will automatically update the instance.

Comment thread components/dialog/dialog-styles.js Outdated
}

dialog.d2l-dialog-outer.d2l-dialog-outer-full-height {
height: auto;
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.

I'm guessing these are also to override UA styles...?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

That's correct. I can add comments on them as well.

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.

Sounds good. I think they might help "future-us".

github-actions Bot and others added 2 commits May 22, 2026 10:17
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@margaree margaree marked this pull request as ready for review May 22, 2026 14:46
@margaree margaree requested a review from a team as a code owner May 22, 2026 14:46
@margaree margaree merged commit 4613bfa into main May 22, 2026
8 checks passed
@margaree margaree deleted the mpeacocke/dialog-confirm-fix-overflow-sizing branch May 22, 2026 15:44
@d2l-github-release-tokens
Copy link
Copy Markdown

🎉 This PR is included in version 3.253.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants