feat(ui): support disabled on dropdown and multiselect

[kirangadhave]

Summary

• Adds a disabled kwarg to mo.ui.dropdown and mo.ui.multiselect, matching the pattern already used by other inputs (text, slider, checkbox, radio, button, etc.).
• Native <select> path uses the native disabled attribute.
• Searchable dropdown and multiselect (Combobox) block popover toggling and chip removal via aria-disabled and pointer-events styling; the trigger remains a <div> to avoid changing focus/keyboard semantics for existing combobox usages.

Closes #9579

Screen.Recording.2026-05-18.at.8.58.46.PM.mov

Test plan

• make check
• Python: new test_dropdown_disabled, test_multiselect_disabled
• Frontend: new tests for disabled native select and disabled searchable combobox; existing tests updated
• Manual: smoke notebook with enabled + disabled variants of dropdown, searchable dropdown, and multiselect

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
marimo-docs	Ready	Preview, Comment	May 19, 2026 7:43am

[cubic-dev-ai]

1 issue found across 8 files

Architecture diagram

sequenceDiagram
    participant User as User (Browser)
    participant UI as UI Component (dropdown/multiselect)
    participant Combobox as Combobox (Searchable, Multiselect)
    participant Plugin as Frontend Plugin
    participant Backend as Python Backend

    Note over User,Backend: Dropdown / Multiselect disabled state flow

    User->>UI: Interact with dropdown/multiselect
    alt Native select path (searchable=false)
        UI->>UI: CHECK: disabled attribute on <select>
        alt Disabled
            UI-->>User: Native browser disabled styling and behavior
        end
    else Combobox path (searchable=true or multiselect)
        User->>Combobox: Click trigger / close chip
        Combobox->>Combobox: CHECK: disabled prop
        alt Disabled
            Combobox->>Combobox: Block popover open via onOpenChange guard
            Combobox->>Combobox: Block chip removal via onClick guard
            Combobox-->>User: aria-disabled="true" + pointer-events-none + opacity-50
        end
    end

    Note over Plugin,Backend: Data flow from Python to frontend

    Backend->>Plugin: Render request with component args (disabled=bool)
    Plugin->>Plugin: Destructure disabled from data props
    Plugin->>UI: Pass disabled={disabled}
    UI->>Combobox: Pass disabled={disabled} (if searchable/multiselect)

    Note over UI: Disabled value defaults to false

Loading

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>

[Copilot]

Pull request overview

Adds disabled-state support for dropdown and multiselect UI elements across Python component args and frontend rendering.

Changes:

• Adds disabled kwargs to mo.ui.dropdown and mo.ui.multiselect.
• Plumbs disabled state through dropdown, searchable select, multiselect, and shared combobox UI.
• Adds Python and dropdown frontend tests for disabled behavior.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
marimo/_plugins/ui/_impl/input.py	Adds disabled component args and docs for dropdown/multiselect.
tests/_plugins/ui/_impl/test_input.py	Verifies disabled defaults and explicit true values.
frontend/src/plugins/impl/DropdownPlugin.tsx	Adds disabled schema support and native select propagation.
frontend/src/plugins/impl/SearchableSelect.tsx	Passes disabled state into shared combobox.
frontend/src/plugins/impl/MultiselectPlugin.tsx	Adds disabled schema support and combobox propagation.
frontend/src/components/ui/combobox.tsx	Adds disabled styling and interaction blocking for combobox.
frontend/src/plugins/impl/__tests__/DropdownPlugin.test.tsx	Adds frontend disabled dropdown coverage.
frontend/src/components/data-table/charts/components/form-fields.tsx	Updates internal multiselect usage for required disabled prop.