Skip to content

Conversation

@reynoldmorel
Copy link

@reynoldmorel reynoldmorel commented Jan 8, 2026

SUMMARY

When zooming in any page (150% to 200% zoom), the dropdown filter popup was positioning over the dropdown input creating a bad user experience when manipulating the dropdown component.

The fix simply aligns the dropdown popup always below the dropdown input.

This fix will affect all the places that are using this dropdown component.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

BEFORE:

89550_1

The dropdown covers the input box, preventing any filtering or selection via typing. This breaks basic usability on smaller screens.

89550_2

AFTER

short_video_after.mov

TESTING INSTRUCTIONS

  1. Create or open a dashboard with a filter of type Value that has 100+ options.
  2. Open the filter dropdown on a screen smaller than 1080p resolution or simulate by increasing browser zoom (e.g., 150%).
  3. Observe how the dropdown overlaps the input box and becomes unresponsive to typing.
  4. Try to test the most important places where these dropdowns are used.

ADDITIONAL INFORMATION

  • Has associated issue: Dashboard Filter dropdown input obscured on smaller screens views #34135
  • 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

@codeant-ai-for-open-source
Copy link
Contributor

CodeAnt AI is reviewing your PR.


Thanks for using CodeAnt! 🎉

We're free for open-source projects. if you're enjoying it, help us grow by sharing.

Share on X ·
Reddit ·
LinkedIn

@dosubot dosubot bot added the change:frontend Requires changing the frontend label Jan 8, 2026
@codeant-ai-for-open-source
Copy link
Contributor

Nitpicks 🔍

🔒 No security issues identified
⚡ Recommended areas for review

  • Overrides Prop
    The new hard-coded prop dropdownAlign={DROPDOWN_ALIGN_BOTTOM} is set after spreading ...props, which unconditionally overrides any dropdownAlign provided by callers. This prevents consumers from customizing alignment and may be surprising or break integrations that rely on a different alignment.

  • Type / API mismatch
    The new DROPDOWN_ALIGN_BOTTOM object is likely intended for Ant Design / rc-trigger alignment APIs. The shape uses numeric values (0/1) for overflow.adjustX/adjustY which may not match the expected types (often booleans) or the library's AlignType. Confirm the runtime API accepts these values and add an explicit type to the constant to avoid subtle runtime behavior differences across environments.

@codeant-ai-for-open-source
Copy link
Contributor

CodeAnt AI finished reviewing your PR.

@netlify
Copy link

netlify bot commented Jan 8, 2026

Deploy Preview for superset-docs-preview ready!

Name Link
🔨 Latest commit 3f38a44
🔍 Latest deploy log https://app.netlify.com/projects/superset-docs-preview/deploys/695f068f587e9f000861b4ca
😎 Deploy Preview https://deploy-preview-36963--superset-docs-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
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 #6ec00e

Actionable Suggestions - 1
  • superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts - 1
Review Details
  • Files reviewed - 2 · Commit Range: 3f38a44..3f38a44
    • superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
    • superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
  • Files skipped - 0
  • Tools
    • Eslint (Linter) - ✔︎ Successful
    • 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 Superset You can customize the agent settings here or contact your Bito workspace admin at [email protected].

Documentation & Help

AI Code Review powered by Bito Logo

@reynoldmorel reynoldmorel force-pushed the fix/store-location-positioning branch 2 times, most recently from 6e73e3e to a164e50 Compare January 8, 2026 01:52
@bito-code-review
Copy link
Contributor

bito-code-review bot commented Jan 8, 2026

Code Review Agent Run #ba1917

Actionable Suggestions - 0
Review Details
  • Files reviewed - 2 · Commit Range: a164e50..a164e50
    • superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
    • superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
  • Files skipped - 0
  • Tools
    • Eslint (Linter) - ✔︎ Successful
    • 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 Superset You can customize the agent settings here or contact your Bito workspace admin at [email protected].

Documentation & Help

AI Code Review powered by Bito Logo

@reynoldmorel reynoldmorel force-pushed the fix/store-location-positioning branch 2 times, most recently from fd1b92d to 05bbab3 Compare January 8, 2026 03:47
@pull-request-size pull-request-size bot added size/S and removed size/XS labels Jan 8, 2026
@reynoldmorel reynoldmorel force-pushed the fix/store-location-positioning branch from 05bbab3 to 4d73f0e Compare January 8, 2026 03:48
@bito-code-review
Copy link
Contributor

bito-code-review bot commented Jan 8, 2026

Code Review Agent Run #653b80

Actionable Suggestions - 0
Review Details
  • Files reviewed - 2 · Commit Range: 4d73f0e..4d73f0e
    • superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
    • superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
  • Files skipped - 0
  • Tools
    • Eslint (Linter) - ✔︎ Successful
    • 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 Superset You can customize the agent settings here or contact your Bito workspace admin at [email protected].

Documentation & Help

AI Code Review powered by Bito Logo

@geido
Copy link
Member

geido commented Jan 8, 2026

For people who are going to QA this. The Select is used basically everywhere, so we might need to do a sanity check in most pages, including Modals and Popovers.

@reynoldmorel reynoldmorel force-pushed the fix/store-location-positioning branch from 4d73f0e to 81a9b68 Compare January 8, 2026 13:01
@reynoldmorel reynoldmorel requested a review from geido January 8, 2026 13:01
@codeant-ai-for-open-source
Copy link
Contributor

CodeAnt AI is running Incremental review


Thanks for using CodeAnt! 🎉

We're free for open-source projects. if you're enjoying it, help us grow by sharing.

Share on X ·
Reddit ·
LinkedIn

@reynoldmorel reynoldmorel requested a review from msyavuz January 8, 2026 13:01
@reynoldmorel reynoldmorel force-pushed the fix/store-location-positioning branch from 81a9b68 to 109b61c Compare January 8, 2026 13:07
@reynoldmorel reynoldmorel requested a review from msyavuz January 8, 2026 13:07
@msyavuz msyavuz added the 🎪 ⚡ showtime-trigger-start Create new ephemeral environment for this PR label Jan 8, 2026
@github-actions github-actions bot removed the 🎪 ⚡ showtime-trigger-start Create new ephemeral environment for this PR label Jan 8, 2026
@github-actions github-actions bot added 🎪 109b61c 🚦 building Environment 109b61c status: building 🎪 109b61c 📅 2026-01-08T13-09 Environment 109b61c created at 2026-01-08T13-09 🎪 109b61c 🤡 msyavuz Environment 109b61c requested by msyavuz 🎪 ⌛ 48h Environment expires after 48 hours (default) labels Jan 8, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Jan 8, 2026

🎪 Showtime is building environment on GHA for 109b61c

@github-actions github-actions bot added 🎪 109b61c 🚦 deploying Environment 109b61c status: deploying 🎪 109b61c 🚦 running Environment 109b61c status: running 🎪 🎯 109b61c Active environment pointer - 109b61c is receiving traffic 🎪 109b61c 🌐 35.90.215.8:8080 Environment 109b61c URL: http://35.90.215.8:8080 (click to visit) and removed 🎪 109b61c 🚦 building Environment 109b61c status: building 🎪 109b61c 🚦 deploying Environment 109b61c status: deploying 🎪 109b61c 🚦 running Environment 109b61c status: running 🎪 🎯 109b61c Active environment pointer - 109b61c is receiving traffic labels Jan 8, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Jan 8, 2026

🎪 Showtime deployed environment on GHA for 109b61c

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

@bito-code-review
Copy link
Contributor

bito-code-review bot commented Jan 8, 2026

Code Review Agent Run #2e8994

Actionable Suggestions - 0
Review Details
  • Files reviewed - 3 · Commit Range: 109b61c..109b61c
    • superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
    • superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
    • superset-frontend/packages/superset-ui-core/src/components/Select/types.ts
  • Files skipped - 0
  • Tools
    • Eslint (Linter) - ✔︎ Successful
    • 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 Superset You can customize the agent settings here or contact your Bito workspace admin at [email protected].

Documentation & Help

AI Code Review powered by Bito Logo

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

Labels

change:frontend Requires changing the frontend packages size/S 🎪 ⌛ 48h Environment expires after 48 hours (default) 🎪 109b61c 🤡 msyavuz Environment 109b61c requested by msyavuz 🎪 109b61c 🚦 running Environment 109b61c status: running 🎪 109b61c 🌐 35.90.215.8:8080 Environment 109b61c URL: http://35.90.215.8:8080 (click to visit) 🎪 109b61c 📅 2026-01-08T13-09 Environment 109b61c created at 2026-01-08T13-09

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants