Skip to content

Conversation

mukherjeesudebi
Copy link

@mukherjeesudebi mukherjeesudebi commented Jul 21, 2025

Description

Adds draggable attribute to vaadin-dialog-overlay such that it can be styled as currently it can be done with resizable like

vaadin-dialog-overlay[draggable]::part(overlay){
}

Fixes # 9377

@mukherjeesudebi mukherjeesudebi requested a review from vursen July 21, 2025 12:18
@vursen vursen requested a review from web-padawan July 21, 2025 12:45
@sissbruecker
Copy link
Contributor

sissbruecker commented Jul 28, 2025

Some issues with this PR that need to be addressed:

  • Since refactor!: update dialog to use native popover #9807 vaadin-dialog-overlay is not exposed anymore, and instead vaadin-dialog is the element to target for styling. Since that one already has the draggable attribute, this change is not required in main / v25. It could still target v24.9 though, for that the target branch needs to be changed.
  • The PR title does not match the contribution guidelines.
  • The PR doesn't have tests as required by the contribution guidelines.

@mukherjeesudebi Can you please try to address these?

Edit: Just noticed that there is no 24.9 branch yet. Will check if this can be shipped in a v24.8 patch.

@web-padawan
Copy link
Member

I think it's such a small change that we could ship it in 24.8 (although we'll need to create 24.9 branch eventually).

@mukherjeesudebi mukherjeesudebi force-pushed the sudebi-dialog-draggable branch from 74776fb to 849e54e Compare July 29, 2025 08:51
@mukherjeesudebi mukherjeesudebi changed the base branch from main to 24.8 July 29, 2025 09:01
@web-padawan
Copy link
Member

We also need to update the Lit version in 24.8 branch for consistency.

@mukherjeesudebi
Copy link
Author

mukherjeesudebi commented Jul 29, 2025

If I run yarn test --group dialog in my local workspace then all tests are passing. Not able to understand why it fails in the PR. Am I missing anything or doing something wrong?

@mukherjeesudebi mukherjeesudebi changed the title Add draggable attribute to vaadin-dialog-overlay feat: add draggable attribute to vaadin-dialog-overlay Jul 29, 2025
@sissbruecker
Copy link
Contributor

sissbruecker commented Jul 29, 2025

@mukherjeesudebi You need to make the same change in packages/dialog/src/vaadin-lit-dialog.js. CI runs the same tests for both vaadin-dialog.js and vaadin-lit-dialog.js. It fails for vaadin-lit-dialog.js because the attribute is not there.

Edit: Note that the Lit syntax for setting a boolean attribute is slightly different, but there is an example with resizable.

Copy link
Member

@web-padawan web-padawan left a comment

Choose a reason for hiding this comment

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

Pushed an update to the test, now it looks good to me.

Copy link

@sissbruecker sissbruecker merged commit 62ca786 into 24.8 Jul 29, 2025
9 checks passed
@sissbruecker sissbruecker deleted the sudebi-dialog-draggable branch July 29, 2025 14:56
@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 24.8.6.

@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 24.9.0-alpha4.

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.

4 participants