react-ui icon indicating copy to clipboard operation
react-ui copied to clipboard

Broken layout when InputGroup is used within FormLayout

Open mbohal opened this issue 1 year ago • 2 comments

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

mbohal avatar Jan 15 '24 17:01 mbohal

Hi can i work on this?

AhmAlkalii avatar Apr 09 '24 13:04 AhmAlkalii

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

mbohal avatar Apr 09 '24 13:04 mbohal