Skip to content

Dropdown with search function on selected fields - #20446

Open
kamyweb wants to merge 14 commits into
phpmyadmin:masterfrom
kamyweb:master
Open

kamyweb wants to merge 14 commits into
phpmyadmin:masterfrom
kamyweb:master

Conversation

@kamyweb

@kamyweb kamyweb commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

When I try to add a new column, it becomes difficult to find where to insert it if the table is large.

Even the browser's built-in keyboard auto-selection doesn't work well because of the "after" keyword added to each line - so I'm forced to quickly type "add " on the keyboard to move to that field.

Issue explained on #19874

This frontend component is build with help of AI/ClaudeCode.

kamyweb added 12 commits August 24, 2026 15:59
Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Adds a zero-width space to prevent the toggle from collapsing when no option is selected, ensuring consistent visual height.

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
…(enum/set/foreign)

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
The button appears when an option is selected and an empty option exists,
allowing users to easily reset the value to an empty state.

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Search/Zoom Search/Find&Replace

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Import/operations/copy/databases ops/collation selects

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Explicitly set colors and backgrounds for the toggle button to prevent themes from styling it as a generic action button. This also ensures correct disabled and active states, aligning its appearance with other form inputs.

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
When a searchable select menu is opened:
- Prioritize highlighting the currently selected option over the first visible option when the query is empty.
- Ensure the highlighted option is scrolled into view by deferring the scroll action to the next animation frame, resolving layout race conditions.
- Extract scroll logic into a dedicated helper function for clarity.

Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
Signed-off-by: Luca Camillo <luca.camillo@gmail.com>
@codecov

codecov Bot commented Aug 24, 2026 •

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 63.84%. Comparing base (9cb26dd) to head (81ecd70).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files
@@             Coverage Diff              @@
##             master   #20446      +/-   ##
============================================
- Coverage     63.94%   63.84%   -0.11%     
  Complexity    16085    16085              
============================================
  Files           677      677              
  Lines         57830    57832       +2     
============================================
- Hits          36982    36925      -57     
- Misses        20848    20907      +59     
Flag Coverage Δ
dbase-extension ?
unit-8.2-ubuntu-latest ?
unit-8.3-ubuntu-latest ?
unit-8.4-ubuntu-latest ?
unit-8.5-ubuntu-latest ?
unit-8.6-ubuntu-latest 63.84% <100.00%> (-0.04%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant