mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-05 02:42:26 -05:00
This applies to any textbox which has placeholders. There are two reasons to do this: 1. Scrolling in textboxes is fiddly, especially on touch devices 2. Keeping the placeholders aligned with the textbox is fiddly too These can both be avoided by always having the textbox be larger than its contents so it never needs to scroll. By default—and unlike other block-level elements—textboxes dont expand to fit their contents. The layer with the placeholders in _does_ however, because it’s a normal block-level element. Since the layer with the placeholders always has an exact copy of what in the textbox, we can set the textbox’s height to match the height of the layer with the placeholders, and do this every time the content changes.