KEMBAR78
refactor!: update confirm dialog overlay to use native popover by sissbruecker · Pull Request #9776 · vaadin/web-components · GitHub
Skip to content

Conversation

@sissbruecker
Copy link
Contributor

Description

Fixes #9706

Depends on #9775

Type of change

  • Breaking change

Copy link
Contributor Author

Choose a reason for hiding this comment

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

// ConfirmDialog has header and footer but does not use renderers
this.setAttribute('has-header', '');
this.setAttribute('has-footer', '');

I'm not sure if we should expose these on the host. They seem only necessary for internal styling purposes, though someone might have used them in custom styles.

:host([opening]),
:host([closing]) {
display: contents !important;
}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is kind of a new concept, but we need it to hide the dialog from the accessibility tree when closed.

I also wonder if something like this should have been in the tooltip PR, as the tooltip now also shows up in the accessibility tree.

# Conflicts:
#	packages/confirm-dialog/src/vaadin-confirm-dialog-mixin.js
#	packages/confirm-dialog/test/confirm-dialog.test.js
#	packages/confirm-dialog/test/dom/__snapshots__/confirm-dialog.test.snap.js
Comment on lines -39 to -40
* Also, the `theme` attribute value set on `<vaadin-confirm-dialog>` is propagated to the
* `<vaadin-confirm-dialog-overlay>` component.
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I wonder if we can remove this? Technically you could use it with injected shadow root styles.

Copy link
Member

Choose a reason for hiding this comment

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

Let's keep theme propagation for now and remove it in V26. We probably should mention it as deprecated in docs. It would be good to create a separate issue about that.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Created #9781

@sissbruecker sissbruecker marked this pull request as ready for review July 21, 2025 08:48
@sissbruecker sissbruecker requested a review from web-padawan July 21, 2025 08:48
@sissbruecker sissbruecker requested a review from web-padawan July 21, 2025 09:50
@sonarqubecloud
Copy link

@web-padawan web-padawan merged commit ca07d6f into main Jul 21, 2025
10 checks passed
@web-padawan web-padawan deleted the refactor/native-popover-confirm-dialog branch July 21, 2025 09:58
@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 25.0.0-alpha3.

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.

[confirm-dialog] Update to use native popover for the overlay element

3 participants