Znuny/Znuny LTS is a fork of the ((OTRS)) Community Edition, one of the most flexible web-based ticketing systems used for Customer Service, Help Desk, IT Service Management.
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
[x] The code change is tested and works locally.(β)
[x] 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.(β)
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 propertyflex: 1;
, an abbreviation of the three proprietiesflex-grow: 1; flex-shrink: 1; flex-basis: 0%;
. The issue is being caused by the propertyflex-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;
toflex: 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 toflex-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:
Checklist