Skip to content

fix(ace-editor-popover): main AntD popover closes when clicking autocomplete suggestions in Ace Editor#35986

Merged
EnxDev merged 17 commits into
masterfrom
enxdev/fix/charts-add-custom-sql-query
Nov 14, 2025
Merged

fix(ace-editor-popover): main AntD popover closes when clicking autocomplete suggestions in Ace Editor#35986
EnxDev merged 17 commits into
masterfrom
enxdev/fix/charts-add-custom-sql-query

Conversation

@EnxDev
Copy link
Copy Markdown
Contributor

@EnxDev EnxDev commented Nov 4, 2025

SUMMARY

This PR fixes an issue where clicking inside the Ace Editor’s autocomplete popover caused the main AntD popover to close unexpectedly.

SOLUTION

Moved the .ace_autocomplete element inside the parent container to prevent event propagation from closing the main popover.
Hooked into Ace’s afterExec event to reposition the autocomplete when it appears.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

  • Before
Screenshot 2025-11-10 175154
  • After
Screenshot 2025-11-10 174937

TESTING INSTRUCTIONS

Navigate to charts

  1. Create a new bar chart for a google sheet dataset or the examples dataset
  2. Add Date as x-axis, sum(air-time) as metric and special-characters! as dimension
  3. Try to add cancelation_reason as custom sql in Sort query by
  4. The modal is closed when user click on the option listed

ADDITIONAL INFORMATION

  • Has associated issue:
  • Required feature flags:
  • Changes UI
  • Includes DB Migration (follow approval process in SIP-59)
    • Migration is atomic, supports rollback & is backwards-compatible
    • Confirm DB migration upgrade and downgrade tested
    • Runtime estimates and downtime expectations provided
  • Introduces new feature or API
  • Removes existing feature or API

@dosubot dosubot Bot added the change:frontend Requires changing the frontend label Nov 4, 2025
@EnxDev EnxDev marked this pull request as draft November 4, 2025 15:08
Copy link
Copy Markdown

@korbit-ai korbit-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review by Korbit AI

Korbit automatically attempts to detect when you fix issues in new commits.
Category Issue Status
Functionality Missing container validation for autocomplete popup ▹ view
Functionality Incomplete autocomplete trigger detection ▹ view
Functionality Global selector may affect multiple editors ▹ view
Files scanned
File Path Reviewed
superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx

Explore our documentation to understand the languages and file types we support and the files we ignore.

Check out our docs on how you can make Korbit work best for you and your team.

Loving Korbit!? Share us on LinkedIn Reddit and X

@EnxDev EnxDev changed the title fix(ace-editor-popover): move autocomplete popover to parent elemnt fix(ace-editor-popover): main AntD popover closes when clicking autocomplete suggestions in Ace Editor Nov 4, 2025
Copy link
Copy Markdown
Contributor

@bito-code-review bito-code-review Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review Agent Run #caf867

Actionable Suggestions - 1
  • superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx - 1
Review Details
  • Files reviewed - 1 · Commit Range: 46a89fc..46a89fc
    • superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx
  • Files skipped - 0
  • Tools
    • Whispers (Secret Scanner) - ✔︎ Successful
    • Detect-secrets (Secret Scanner) - ✔︎ Successful

Bito Usage Guide

Commands

Type the following command in the pull request comment and save the comment.

  • /review - Manually triggers a full AI review.

  • /pause - Pauses automatic reviews on this pull request.

  • /resume - Resumes automatic reviews.

  • /resolve - Marks all Bito-posted review comments as resolved.

  • /abort - Cancels all in-progress reviews.

Refer to the documentation for additional commands.

Configuration

This repository uses Default Agent You can customize the agent settings here or contact your Bito workspace admin at evan@preset.io.

Documentation & Help

AI Code Review powered by Bito Logo

@EnxDev EnxDev marked this pull request as ready for review November 10, 2025 16:55
Copy link
Copy Markdown

@korbit-ai korbit-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review by Korbit AI

Korbit automatically attempts to detect when you fix issues in new commits.
Category Issue Status
Functionality Unsafe type assertions on nullable DOM queries ▹ view
Functionality Missing validation for Ace operation structure ▹ view
Performance Uncached DOM queries in command handler ▹ view
Performance Inefficient command name checking ▹ view
Files scanned
File Path Reviewed
superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx

Explore our documentation to understand the languages and file types we support and the files we ignore.

Check out our docs on how you can make Korbit work best for you and your team.

Loving Korbit!? Share us on LinkedIn Reddit and X

@geido geido added the 🎪 ⚡ showtime-trigger-start Create new ephemeral environment for this PR label Nov 13, 2025
@github-actions github-actions Bot added 🎪 a08d7dc 🚦 building and removed 🎪 ⚡ showtime-trigger-start Create new ephemeral environment for this PR labels Nov 13, 2025
@github-actions
Copy link
Copy Markdown
Contributor

🎪 Showtime deployed environment on GHA for 1c1e4ef

Environment: http://54.186.220.31:8080 (admin/admin)
Lifetime: 48h auto-cleanup
Updates: New commits create fresh environments automatically

@github-actions
Copy link
Copy Markdown
Contributor

🎪 Showtime is building environment on GHA for 32ff3a3

@github-actions
Copy link
Copy Markdown
Contributor

🎪 Showtime deployed environment on GHA for 32ff3a3

Environment: http://52.37.154.47:8080 (admin/admin)
Lifetime: 48h auto-cleanup
Updates: New commits create fresh environments automatically

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels change:frontend Requires changing the frontend packages review:draft size/L v6.0 Label added by the release manager to track PRs to be included in the 6.0 branch 🍒 6.0.0 Cherry-picked to 6.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants