End Adornments disappear from MultilineInput when max-height is set

[tsveti22]

Latest version

• I have tested the latest version

Description

Given a multiline input with max-height and end adornments, as the user types more new lines into the input box and it reaches the max height, the end adornments disappear

Steps to reproduce

<MultilineInput endAdornment={<> <Text>GBP</Text> <Button appearance="transparent" aria-label="Reset"> <RefreshIcon aria-hidden /> </Button> <Button sentiment="accented" aria-label="Submit"> <SendIcon aria-hidden /> </Button> </>} style={{ maxWidth: "256px", maxHeight: "256px" }} defaultValue="Value" {...args} />

Expected behavior

When the height limit is reached, a scroll bar should appear, and the end adornment will stay fixed at the bottom.

Package name(s)

Core (@salt-ds/core)

Package version(s)

1.37.1

Browser

• Chrome
• Safari
• Firefox
• Microsoft Edge

Operating system

• macOS
• Windows
• Linux
• iOS
• Android

Are you a JPMorgan Chase & Co. employee?

• I am an employee of JPMorgan Chase & Co.

[origami-z]

Use textAreaProps for height for now

      textAreaProps={
          {
            style: { maxHeight: '256px' },
          }
        }