From a2352b99c12581478ad5ce1ad22f70abdfb74431 Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Mon, 13 Jan 2025 00:15:47 +0100
Subject: [PATCH] Standardize on ellipsis-type text-overflow

---
 app/styles/input.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/styles/input.css b/app/styles/input.css
index 02eb7cf2..efc1804f 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -19,6 +19,7 @@ input::file-selector-button {
     padding: 0.5em var(--input-xpadding);
     border-radius: 6px;
     appearance: none;
+    text-overflow: ellipsis;
 
     /* Respect standard font settings */
     font: inherit;
@@ -190,6 +191,16 @@ input[type=image]:disabled {
     cursor: default;
 }
 
+input[type=button],
+input[type=color],
+input[type=reset],
+input[type=submit] {
+    /* Workaround for text-overflow bugs in Firefox and Chromium:
+        https://bugzilla.mozilla.org/show_bug.cgi?id=1800077
+        https://bugs.chromium.org/p/chromium/issues/detail?id=1383144 */
+    overflow: clip;
+}
+
 /* -- SHARED BETWEEN CHECKBOXES AND RADIOBUTTONS -- */
 
 input[type=radio],
@@ -395,6 +406,7 @@ select {
     background-position: calc(100% - var(--input-xpadding)), left top, left top;
     background-repeat: no-repeat;
     padding-right: calc(2*var(--input-xpadding) + 11px);
+    overflow: auto;
 }
 /* FIXME: :active isn't set when the <select> is opened in Firefox:
           https://bugzilla.mozilla.org/show_bug.cgi?id=1805406 */