Skip to content

RenderFlex overflow while selecting model provider on mobile screens #969

@Aman071106

Description

@Aman071106

Describe the bug/problem

A RenderFlex overflow error occurs in the AI Model Selector Dialog on mobile-width screens. The specific error "RenderFlex overflowed by 80 pixels on the right" is caused by the content within the AIModelSelectorDialog (specifically the "Select Model Provider" row) being too wide for the screen.

Steps to Reproduce the bug/problem

  1. Run the app on a mobile device or resize the window to a mobile width (< 600px).
  2. Open the AI pane (select an AI request).
  3. Click on the "Select Model" button to open the AIModelSelectorDialog.
  4. Observe the RenderFlex overflow error indicated by the yellow/black stripes on the right side of the dialog content.

Expected behavior

The content within the AIModelSelectorDialog, particularly the dropdown, should wrap or stack vertically on smaller screens to fit within the viewport without overflowing.

Device Info (The device where you encountered this issue)

  • OS: Windows (tested with window resizing to simulate mobile)
  • Version: Windows 11

Attached image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions