fix: hide scroller completely when dragging large grids

[vursen]

Description

The PR introduces a new solution to replace the previous workaround, which applied min-height: 0 to the items container when dragging large grids. Instead, it now sets display: none on the scroller element. By completely hiding the grid content from the drag image, this change prevents crashes in Chromium browsers and improves performance in Safari. A similar change has also been applied to virtual-list.

The related Chromium issue: https://issues.chromium.org/issues/383356871

Fixes #8235

Type of change

• Bugfix

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[vaadin-bot]

Hi @vursen and @web-padawan, when i performed cherry-pick to this commit to 23.5, i have encountered the following issue. Can you take a look and pick it manually?
Error Message:
Error: Command failed: git cherry-pick eda141f
error: could not apply eda141f... fix: hide scroller completely when dragging large grids (#8351)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".