Sector Nord AG: Textarea element now expands in both directions.

[ZTrotter]

Proposed change

The <textarea> element currently only expands in one direction, usually horizontally. This causes issue when writing longer text in the field. As it stands <textarea> holds the CSS property flex: 1;, an abbreviation of the three proprieties flex-grow: 1; flex-shrink: 1; flex-basis: 0%;. The issue is being caused by the property flex-basis: 0%;, because it sets the initial width to 0, but leaves the height unaltered by the flex property ( in the case the flex container is set to a row orientation).

The proposed change is to change the value of the flex property from flex: 1; to flex: 1 auto;, which adjusts the initial width and height, which in turn allows the flex container to adjust both values on expansion. This change would set the new values to flex-grow: 1; flex-shrink: 1; flex-basis: auto;.

Type of change

🐞 bug 🐞

Additional information

Many areas were tested ti see if this change creates and unwanted effects.
These areas include:

• SQL-Box
• Deactivated Richtext-Editor boxes
• AdminProcessManagement, AdminProcessManagementActivityDialog and it's popup window
• Dynamic fields in masks
• Various other admin masks e.g AdminAutoResponse

Checklist

• The code change is tested and works locally.(❗)
• There is no commented out code in this PR.(❕)
• You improved or added new unit tests.(❕)
• Local ZnunyCodePolicy passed.(❕)
• Local UnitTests / Selenium passed.(❕)
• GitHub workflow CI (UnitTests / Selenium) passed.(❗)