Skip to content

[Discover] Fix Drag-n-Drop on Firefox in Lens inline editor flyout#228849

Merged
nickofthyme merged 1 commit intoelastic:mainfrom
nickofthyme:fix-lens-discover-dnd
Jul 23, 2025
Merged

[Discover] Fix Drag-n-Drop on Firefox in Lens inline editor flyout#228849
nickofthyme merged 1 commit intoelastic:mainfrom
nickofthyme:fix-lens-discover-dnd

Conversation

@nickofthyme
Copy link
Contributor

@nickofthyme nickofthyme commented Jul 21, 2025

Summary

This PR adds the clip-path: none fix to the ESQL Lens inline flyout in discover. This was missed in #228625.

Zight.Recording.2025-07-21.at.02.22.22.PM.mp4

With the current clip-path the scrolling does not work properly, with the default eui-flyout clip-path the extra drop targets outside of the flyout are cut off (see below). Setting clip-path to none fixes both issues.
Zight 2025-07-21 at 2 24 22 PM

Fixes #227939

Checklist

  • Unit or functional tests were updated or added to match the most common scenarios
  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines
  • Review the backport guidelines and apply applicable backport:* labels.

Release Note

Fixes an issue on Firefox where the ESQL inline editor in discover would prevent scrolling.

@nickofthyme nickofthyme added Feature:Discover Discover Application Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// Feature:Lens release_note:fix backport:skip This PR does not require backporting labels Jul 21, 2025
@nickofthyme nickofthyme marked this pull request as ready for review July 21, 2025 19:31
@nickofthyme nickofthyme requested a review from a team as a code owner July 21, 2025 19:31
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-visualizations (Team:Visualizations)

@nickofthyme nickofthyme changed the title [Discover] fix Drag-n-Drop on Lens inline editor flyout Jul 21, 2025
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
lens 1.5MB 1.5MB -44.0B
@nickofthyme nickofthyme merged commit 567b63b into elastic:main Jul 23, 2025
24 checks passed
@nickofthyme nickofthyme deleted the fix-lens-discover-dnd branch July 23, 2025 03:22
@nickofthyme
Copy link
Contributor Author

This fix will be backported with #228625 backports

kertal pushed a commit to kertal/kibana that referenced this pull request Jul 25, 2025
…lastic#228849)

## Summary

This PR adds the `clip-path: none` fix to the ESQL Lens inline flyout in
discover. This was missed in elastic#228625.


https://github.com/user-attachments/assets/c6b04ef6-9b4c-40b9-b676-c8b28a26c816

> With the current `clip-path` the scrolling does not work properly,
with the default eui-flyout `clip-path` the extra drop targets outside
of the flyout are cut off (see below). Setting `clip-path` to `none`
fixes both issues.
> ![Zight 2025-07-21 at 2 24 22
PM](https://github.com/user-attachments/assets/08e37305-77a0-4c42-8a7a-4e494443ab6e)


Fixes elastic#227939

### Checklist

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [x] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

## Release Note

Fixes an issue on Firefox where the ESQL inline editor in discover would
prevent scrolling.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting Feature:Discover Discover Application Feature:Lens release_note:fix Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// v9.2.0

4 participants