Resize all inputs at the same time in recordedit

[jrchudy]

This was initially brought up in for the case when one longtext input is adjusted. We want to provide a way for all longtext inputs to resize at the same time. Since we are going to change text to textarea in issue #1948 , this solution can be applied in the general case to all inputs.

We also want to consider that instead of just resizing inputs, maybe this control is for resizing the "row" similar to how excel and google sheets allow resizing a row by hovering on the border of the far left column:

Notes

2 things to consider:

• now that most of our inputs will be type textarea, is there a way to remove the grip icon on the bottom left of the input or would that degrade the UI
• How should inputs with controls behave?
  • should we not allow resizing these row?
    • foreign key, asset, boolean might benefit since the content can overflow the input
  • Should the control attached to the inputs expand too?

[jrchudy]

One solution that came up while discussing this more today was using a ResizeObserver. When that recordedit table "row" is resized (1 of the textarea inputs is stretching to increase the height of the whole row), the whole row has a ResizeObserver that watches for this. When this happens, set the size of all other textarea inputs to match the height of the one being resized.

Stackoverflow link that discusses this solution (other solution is flex but unsure if it will work):
https://stackoverflow.com/questions/69283263/match-the-size-of-two-textarea-elements-when-one-of-them-changes