Skip to content

Project create/edit modal: 'Max allowed Memory' stepper and unit select are detached from the input #9079

Description

@nowgnuesLee

Where

  • Page: /project (menu: Admin → Projects) — the Create project / Edit project modal
  • Region: the "Max allowed Memory (optional)" form field (i18n MaxAllowedResourceSlots)
  • Component (if identified): BAIDynamicUnitInputNumber inside BAIProjectSettingModal (packages/backend.ai-ui/src/components/fragments/BAIProjectSettingModal.tsx)

Observed

The memory number input does not read as one control. The ▲/▼ stepper is rendered as a bare pair of chevrons floating in the gap between the text input and the unit select, outside the input's border, and there is a visible gap on both sides of it. The text input, stepper, and the "GiB" unit select look like three unrelated widgets side by side.

Expected

A single number-with-unit control: the stepper sits inside (or flush against) the input's border, and the unit select is attached to the input's trailing edge with no stray gap — the same shape this field had before the Astryx migration and that other unit inputs (e.g. the session launcher resource allocation) present.

Environment

  • Mode: dark (light not checked)
  • Viewport: Unknown
  • Browser/OS: Chrome / macOS
  • Build: branch FR-3662 @ 2026-08-25

Reproduction

  1. Log in as an admin.
  2. Open Admin → Projects and click Create project (or Edit on an existing project).
  3. Look at the "Max allowed Memory (optional)" field.

Evidence

  • Screenshot: attached (project-memory-input.png)

Notes

The same BAIDynamicUnitInputNumber is likely used by other resource fields; only the project modal was checked.

JIRA Issue: FR-3688

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions