Set minWidth on <input /> to allow it to shrink. (#3168)

* Set minWidth on <input /> to allow it to shrink. Fixes #3126 * fix formatting * add release-notes markdown
actualbudget · Jul 31, 2024 · 8de0f6a · 8de0f6a
1 parent 2799dbe
commit 8de0f6a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx b/packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx
@@ -342,7 +342,11 @@ const ChildTransactionEdit = forwardRef(
               value={amountToInteger(transaction.amount)}
               zeroSign={amountSign}
               style={{ marginRight: 8 }}
-              inputStyle={{ ...styles.smallText, textAlign: 'right' }}
+              inputStyle={{
+                ...styles.smallText,
+                textAlign: 'right',
+                minWidth: 0,
+              }}
               onFocus={() =>
                 onRequestActiveEdit(getFieldName(transaction.id, 'amount'))
               }

diff --git a/upcoming-release-notes/3168.md b/upcoming-release-notes/3168.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [wnklmnn]
+---
+
+Fix inputfields overflowing while adding split transactions