Merge pull request #1819 from basecamp/autoresize-padding

Account for input padding on autoresize pseudo-element

app/assets/stylesheets/autoresize.css

@@ -3,7 +3,7 @@
     .autoresize__wrapper {
       display: grid !important;
       position: relative;
-    
+
       > *, &::after {
         grid-area: 1 / 1 / 2 / 2;
       }
@@ -12,6 +12,7 @@
         content: attr(data-autoresize-clone-value) " ";
         font: inherit;
         line-height: inherit;
+        padding-block: var(--autosize-block-padding, 0);
         visibility: hidden;
         white-space: pre-wrap;
       }

app/assets/stylesheets/cards.css

@@ -143,6 +143,7 @@
   }
 
   .card__title {
+    --autosize-block-padding: 0 0.5ch;
     --input-border-radius: 0;
     --input-color: var(--card-content-color);
     --lines: 3;
@@ -155,7 +156,7 @@
 
     .card-field__title {
       overflow: hidden; /* prevent scrolling on windows */
-      padding-block-end: 0.5ch;
+      padding-block: var(--autosize-block-padding);
 
       &:is(textarea)::placeholder {
         color: inherit;