Can't close on outside click in a modeless dialog

[jcgueriaud1]

Description

I created a popover in a non-modal dialog.

When I open the popover and close in the dialog to closeOnOutsideClick the popover is not closed.

It's working well if I click outside the dialog.

Expected outcome

I'm expecting the popover will close when I click on the Dialog.

Screen.Recording.2025-02-20.at.16.25.16.mov

Minimal reproducible example

package com.example.application.views.tree;

import com.example.application.views.MainLayout;

import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.dialog.Dialog;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.popover.Popover;
import com.vaadin.flow.component.select.Select;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.PreserveOnRefresh;
import com.vaadin.flow.router.Route;

@PageTitle("Dialog-popover")
@Route(value = "dialog-popover-demo", layout = MainLayout.class)
public class DialogPopoverView extends VerticalLayout {
    private Dialog dialog;
    private Button closeButton;
    private Button openButton;

    public DialogPopoverView() {
        this.dialog = new Dialog();
        dialog.setModal(false);
        closeButton = new Button("Close", e -> dialog.close());

        Button button = new Button("Open");
        TextField textField = new TextField("Name");
        Popover popover = new Popover(textField);
        popover.setCloseOnOutsideClick(true);
        popover.setTarget(button);
        add(button);
        dialog.add(button);

        openButton = new Button("Open", e -> {
            dialog.open();
        });
        dialog.add(closeButton);
        add(openButton);
    }

}

Steps to reproduce

You can see the steps in the video.

Environment

Vaadin version(s): 24.6.5
OS:

Browsers

No response