Skip to content

GAUD-10477 iframed dialog resize - #7485

Merged
EdwinACL831 merged 4 commits into
mainfrom
ecollazos/GAUD-10477_iframed_dialog_resize
Sep 17, 2026
Merged

EdwinACL831 merged 4 commits into
mainfrom
ecollazos/GAUD-10477_iframed_dialog_resize

Conversation

@EdwinACL831

@EdwinACL831 EdwinACL831 commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

jira

GAUD-10477

Description

When zooming 200+, d2l-dialog-fullscreen dialogs that were being rendered within an iframe, were not getting resized, and thus getting cropped off. That was creating an accessibility issue.

image

This PR solves that problem, by refreshing the this._ifrauContextInfo so on the next rendering the dialog gets updated with the new available space.

image

Note: I new demo page was added to demonstrate the behavior
Note 2: This pr works along #93962

@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-7485/

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-mixin.js Outdated
};

#updateSize = async() => {
if (this._inIframe && this.#ifrauDialogService) this._ifrauContextInfo = await this.#ifrauDialogService.showBackdrop();

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.

What does showBackdrop do when an ifrau service backdrop already exists?

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 see, despite the wait it sounds, it returns new context measurements (here). The showBackdrop code itself appears to ensure it never creates more than one backdrop for any given iframe id, though we could expose the getContextInfo on the service.

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.

Oh you were faster than me, I did the same research and arrived to the same piece of code. I agree with you on making perhaps the getContextInfo to be public. Thanks will look into this

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.

OK I have implemented a new approach using the new exposed method from the service!

@EdwinACL831
EdwinACL831 marked this pull request as ready for review September 16, 2026 14:48
@EdwinACL831
EdwinACL831 requested a review from a team as a code owner September 16, 2026 14:48

@dbatiste dbatiste 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.

I've approved your other PR as well. It would be best to merge it first.

@EdwinACL831
EdwinACL831 merged commit 8ec4cc4 into main Sep 17, 2026
11 checks passed
@EdwinACL831
EdwinACL831 deleted the ecollazos/GAUD-10477_iframed_dialog_resize branch September 17, 2026 13:11
@d2l-github-release-tokens

Copy link
Copy Markdown

🎉 This PR is included in version 3.317.2 🎉

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