react-ui-org/react-ui

Broken layout when InputGroup is used within FormLayout

mbohal opened this issue · 2 comments

mbohal commented

When <InputGroup> is used within <FormLayout> it breaks when there is not enough space.

When used outside of <FormLayout> the <InputGroup> maintains width and overflows:

Screenshot from 2024-01-15 18-14-21

I think this is the correct behavior.

However when used inside of <FormLayout> and when the last element is a <Button> it breaks:

Screenshot from 2024-01-15 18-14-12

AhmAlkalii commented

Hi can i work on this?

mbohal commented

@AhmAlkalii If you are willing to make a PR, it would be greatly appreciated.