Previously, when editing an email signature as HTML, the preview window
was extremely small (~ 168 x 90 px). The correct size should have been
that of its parent (.scroll-region-content-inner).
The textarea element created from the ContentEditable component is set
to flex: 1, which should result in it growing to its parent's size.
However because the immediate parent of the ContentEditable component
was not display: flex, the flex-grow attribute was not applied.
Before (Screenshot)
After (Screenshot)
Note: Although I had intended to run the test-suite using npm test initialization process didn't work and I have not been able to resolve the issue.
Summary
Previously, when editing an email signature as HTML, the preview window was extremely small (~ 168 x 90 px). The correct size should have been that of its parent (.scroll-region-content-inner).
The textarea element created from the ContentEditable component is set to
flex: 1
, which should result in it growing to its parent's size.However because the immediate parent of the ContentEditable component was not
display: flex
, theflex-grow
attribute was not applied.Before (Screenshot)
After (Screenshot)
Note: Although I had intended to run the test-suite using
npm test
initialization process didn't work and I have not been able to resolve the issue.