1
0

GrowingTextInput.scss 458 B

123456789101112131415161718192021222324252627
  1. @import '@/vars.scss';
  2. @import './mixins.scss';
  3. /**
  4. * Auto-growing textarea.
  5. * Based on https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
  6. */
  7. .growing-text-input {
  8. display: grid;
  9. &::after {
  10. @include input;
  11. content: attr(data-replicated-value) " ";
  12. visibility: hidden;
  13. white-space: pre-wrap;
  14. }
  15. textarea {
  16. resize: none;
  17. overflow: hidden;
  18. }
  19. textarea,
  20. &::after {
  21. grid-area: 1 / 1 / 2 / 2;
  22. }
  23. }