Skip to content

bug: cannot modify code input size within modal #7207

@atticuss-sra

Description

@atticuss-sra

Describe the bug

I'm attempting to place a "code input" component within a modal. This renders fine, but I cannot modify the size of the "code input" component itself. None of the CSS or Tailwind class modifications I've done actually affect the size of the code editing window itself. This appears to be because multiple divs that exist between the wm-modal-container and wm-component-c divs have explicit heights set. There does not appear to be a way to modify these. Using the built-in sliders for "full height" in the style section do not appear to resolve this either.

To reproduce

  1. Create modal component.
  2. Set modal popup CSS style to height: 85dvh
  3. Create "code editor" component as child of the modal.
  4. Configure container or text CSS style (height: 800px, height: 100%, etc.)

Expected behavior

Setting a height class or style on "code editor" component should respect the boundaries of the modal container itself. For example, adding the h-full Tailwind class should cause the code editing window to take up the full height of the modal container.

Screenshots

Image

Multiple divs with explicit height settings; they do not appear to be configurable via Windmill-native options.

Browser information

Firefox 144.0 (64-bit) on Ubuntu

Application version

CE v1.571.0-5-gf7b5595db

Additional Context

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions