Skip to content

[Stack] Does not play nicely with TextField margin dense #33155

@dwjohnston

Description

@dwjohnston

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

When you have a row Stack with two TextFields margin dense, they are misaligned:

      <Stack spacing={2} direction="row">
        <TextField margin="dense" />
        <TextField margin="dense" />
      </Stack>

image

Expected behavior 🤔

The text fields should be aligned.

Steps to reproduce 🕹

Repro: https://codesandbox.io/s/basicstack-demo-material-ui-forked-khtbqp?file=/demo.tsx:566-696

Context 🔦

Horizonal forms - eg. a filter bar.

Your environment 🌎

See repro

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: StackThe React component.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions