From a8d32291a4850b537def960311cb94d1909f8f69 Mon Sep 17 00:00:00 2001
From: abaevbog <bogdan@zotero.org>
Date: Wed, 2 Apr 2025 02:27:47 -0700
Subject: [PATCH] itemBox: fix overlapping rows on initial load (#5176)

On initial load, the grippy does not immediately
appear because it needs to be loaded. This means that
when itemBox is rendered for the first time, the grippy
has a width of 0, which later becomes 18px. If the
itemPane is narrow, it may push the columns out
and lead to text of value components wrapping
without the rows getting stretched.

This sets explicit width to the grippy to avoid such behavior.

Fixes: zotero#5166
---
 scss/elements/_infoBox.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/scss/elements/_infoBox.scss b/scss/elements/_infoBox.scss
index fccab35dae..d38baf1cf3 100644
--- a/scss/elements/_infoBox.scss
+++ b/scss/elements/_infoBox.scss
@@ -75,6 +75,10 @@ info-box {
 	.meta-label > .single-creator-grippy {
 		visibility: hidden !important;
 	}
+	// Avoids shifting itemBox columns when the svg is initially loaded
+	.meta-label > .zotero-clicky-grippy {
+		width: 18px !important;
+	}
 
 	textarea {
 		font: inherit;