In Safari, values of text fields outside the grid are included in the drag image when dragging inside the grid

[Artur-]

Description

When you drag to reorder views in https://start.vaadin.com, the drag image includes not only the grid row but also the value of a text field right below the grid

Expected outcome

Only the grid row is shown as the drag image

Actual outcome

Some values from text fields below are included. By default from the "Name" field but if you delete one view, then also the value of the "URL path" field is included in the drag image.

If you change the value of the text field, it is no longer included in the drag image.

Live Demo (optional)

grid-view-drag.mov

Steps to reproduce

Clear steps describing how to reproduce the issue.

Environment

• Vaadin 21 alpha 4
• mac Os
• Safari 14.1.1

[vlukashov]

Possibly this is a Safari issue. The drag image is generated correctly in 14.0.3, but fails in 14.1.1.
Related thread: https://vaadin.slack.com/archives/C3TGRP4HY/p1623911248329100

[vlukashov]

Possibly related: vaadin/flow-components#1120