Dialog moves down on click

General
1

Hi everyone,
I have noticed that when I open a dialog, which can be dragged, and make a click somewhere on the dialog’s header or footer, then the dialog moves a little bit down. I could reproduce it on the vaadin’s example taken from the docs for Dialog. link

  1. open the link
  2. click on ‘Show dialog’ button
  3. click on header/footer of the dialog
  4. dialog moves a bit down

Also I have noticed that when I make a click on header/footer, a new css property is added to the dialog’s overlay - style=“position:absolute”; which is not present when I have a newly opened dialog:

after click
after click831×457 26.4 KB

I assume a single click is considered as an attempt to drag and “position:absolute” comes into play, making this move downwards, but I didn’t mean to drag, just a click. And still, I don’t want to disable the ability to drag the dialog.

Is there a way to fix/overcome this?

Thanks in advance

2

Yup, can confirm. It’s clearly caused by the change to absolute positioning, although the exact mechanism at play eludes me at this moment. It seems to be a regression in V24, as I can’t reproduce it in V23. Probably something changed in the css implementation between those versions.

As I’m not sure what’s causing it exactly I can’t provide a workaround, but could you please file a bug ticket at GitHub · Where software is built?

1 Like
3

Thank you for your quick response, Rolf! Ok , I will create a bug ticket