From 668e78709f796e9331677c708748d98ed5d40187 Mon Sep 17 00:00:00 2001
From: AarDG10 <aarol.dsouza@gmail.com>
Date: Mon, 4 May 2026 17:55:31 +0530
Subject: [PATCH] fix: fix image overflow by restricting width to 100% of
 column

Image was overflowing onto the right sidebar. This was due to the width not being bounded, added max-width to fix this.
---
 frappe/public/js/frappe/form/controls/image.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frappe/public/js/frappe/form/controls/image.js b/frappe/public/js/frappe/form/controls/image.js
index 3f652e70b6..b3718b2ed5 100644
--- a/frappe/public/js/frappe/form/controls/image.js
+++ b/frappe/public/js/frappe/form/controls/image.js
@@ -10,9 +10,9 @@ frappe.ui.form.ControlImage = class ControlImage extends frappe.ui.form.Control
 
 		var doc = this.get_doc();
 		if (doc && this.df.options && doc[this.df.options]) {
-			this.$img = $(
-				"<img src='" + doc[this.df.options] + "' class='img-responsive'>"
-			).appendTo(this.$body);
+			this.$img = $("<img src='" + doc[this.df.options] + "' class='img-responsive'>")
+				.appendTo(this.$body)
+				.css({ "max-width": "100%" });
 		} else {
 			this.$buffer = $(
 				`<div class='missing-image'>${frappe.utils.icon("restriction", "md")}</div>`